html5 canvas 倒计时,逼真的HTML5 canvas模拟时钟特效

插件描述：thooClock是一款效果非常逼真的HTML5 canvas模拟时钟特效。该时钟特效使用jQuery和HTML5 Canvas API来制作，模拟现实生活中的时钟。并且它还具有定时闹钟的功能。

使用该模拟时钟插件首先需要引入jQuery和jquery.thooClock.js文件。

可以使用一个空的

来作为时钟的容器。

在页面DOM元素加载完毕之后，可以通过thooClock()方法来初始化该时钟插件。

$('#myDIV').thooClock();

设置闹钟时间

可以使用一个字符串来设置闹钟时间：// 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();