插件描述：thooClock是一款效果非常逼真的HTML5 canvas模拟时钟特效。该时钟特效使用jQuery和HTML5 Canvas API来制作，模拟现实生活中的时钟。并且它还具有定时闹钟的功能。
使用该模拟时钟插件首先需要引入jQuery和jquery.thooClock.js文件。
1 2 | <script type="text/javascript" src="js/jquery-latest.min.js"></script> <script type="text/javascript" src="js/jquery.thooClock.js"></script> |
可以使用一个空的<div>来作为时钟的容器。
1 | <div id="myclock"></div> |
在页面DOM元素加载完毕之后，可以通过thooClock()方法来初始化该时钟插件。
1 2 3 | <script type="text/javascript"> $('#myDIV').thooClock();</script> |
设置闹钟时间
可以使用一个字符串来设置闹钟时间：
1 2 3 4 5 6 7 8 9 | // must be "hh", "hh:mm" or "hh:mm:ss" var strTime = '14:25'$.fn.thooClock.setAlarm(strTime); 也可以使用一个Date对象来设置闹钟时间：var alarm_date=new Date();alarm_date.setHours(8,19,30);$.fn.thooClock.setAlarm(alarm_date); 清除闹钟$.fn.thooClock.clearAlarm(); |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 适合移动设备的小巧jQuery颜色拾取器
- 下一个特效： 支持键盘控制的扁平风格水平滑动Tab选项卡