html 在线时间特效,逼真的HTML5 canvas模拟时钟特效

ed80a51c759b706ffc9ca9e776ec14bf.png

94a6dc5feabd4193c6b752bf51a273a1.png

插件描述: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();


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部