»
Tiếng AnhTiếng PhápTiếng Việt

In - CoolClock - Đồng hồ kim tuyệt đẹp với JavaScript - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Thời gian » Đồng hồ » CoolClock - Đồng hồ kim tuyệt đẹp với JavaScript
URL: https://www.javascriptbank.com/coolclock-super-nice-javascript-analog-clock.html

CoolClock - Đồng hồ kim tuyệt đẹp với JavaScript © JavaScriptBank.comVới hiệu ứng đồng hồ kim bằng JavaScript tuyệt đẹp này, bạn sẽ dễ dàng trang trí cho trang web của mình một bộ hiển thị giờ cực đẹp, bởi hiệu ứng đồng hồ này có đến hơn 20 kiểu (giao diện) để bạn chọn; đồng thời hiệu ứng cũng rất dễ dàng để sử dụng và cài đặt, chỉ với một vài dòng mã lệnh.

Phiên bản đầy đủ: jsB@nk » Thời gian » Đồng hồ » CoolClock - Đồng hồ kim tuyệt đẹp với JavaScript
URL: https://www.javascriptbank.com/coolclock-super-nice-javascript-analog-clock.html



JavaScript
<!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]--><script src="coolclock.js" type="text/javascript"></script><script src="moreskins.js" type="text/javascript"></script>


HTML
<table align="center"><tbody><tr><td rowspan="2"><canvas style="width: 170px; height: 170px;" height="170" width="170" id="c1" class="CoolClock"></canvas><br><canvas style="width: 170px; height: 170px;" height="170" width="170" id="c2" class="CoolClock:chunkySwiss"></canvas><br><canvas style="width: 170px; height: 170px;" height="170" width="170" id="c4" class="CoolClock:machine"></canvas></td><td><canvas style="width: 380px; height: 380px;" height="380" width="380" id="c5" class="CoolClock:fancy:190"></canvas></td></tr><tr><td align="center"><table><tbody><tr>  <td align="center">New York<br><canvas style="width: 60px; height: 60px;" height="60" width="60" id="c6" class="CoolClock:chunkySwiss:30:noSeconds:-4 leftRightPad"></canvas></td>  <td align="center">London<br><canvas style="width: 60px; height: 60px;" height="60" width="60" id="c7" class="CoolClock::30:noSeconds:+1 leftRightPad"></canvas></td>  <td align="center">Townsville<br><canvas style="width: 60px; height: 60px;" height="60" width="60" id="c8" class="CoolClock:fancy:30:noSeconds:+10 leftRightPad"></canvas></td></tr></tbody></table></td></tr></tbody></table>


Files
/javascript/time/CoolClock_Super_nice_Javascript_Analog_Clock/coolclock.js/javascript/time/CoolClock_Super_nice_Javascript_Analog_Clock/excanvas.js/javascript/time/CoolClock_Super_nice_Javascript_Analog_Clock/moreskins.js