更新时间:2019-11-27 23:49:37
jQuery倒计时、计时器、数字时钟插件TimeTo。该jq倒计时插件可精确到毫秒,默认实现翻页式倒计时效果,非常实用炫酷。
1 | npm install time-to |
在页面中引入下面的文件。
1 | < link href = "css/timeTo.css" type = "text/css" rel = "stylesheet" /> |
HTML结构
1 | < div id = "countdown" ></ div > |
初始化插件
1 | $( '#clock-1' ).timeTo(); |
callback:倒计时结束后的回调函数。
captionSize:caption的字体大小。设置为0将自动计算。
step:每次stepCount的回调函数。
stepCount:步长数。
countdown:如果是false,将作为时钟使用,否则作为倒计时使用。
countdownAlertLimit:倒计时后多少秒给倒计时添加timeTo-alertcss样式。默认为10。
displayDays:是否显示天数。
displayCaption:是否显示caption。
displayHours:是否显示小时数。
fontFamily:字体。
fontSize:字体大小。
lang:语言。
languages:语言包,是一个对象,key是lang,value是时分秒。
seconds:倒计时的初始秒数,默认为0。
start:true表示立刻开始倒计时。
theme:主题,支持white和black。
time:时间格式。
timeTo:一个日期对象,指定当前日期或倒计时到哪个日期。
整数
初始设置秒选项
1 2 3 4 5 | $( '#clock' ).timeTo(100) // is identical to $( '#clock' ).timeTo({ seconds: 100 }); |
日期对象
timeTo选项的初始设置
1 2 3 4 5 | $( '#clock' ).timeTo( new Date( 'Dec 10 2013 00:00:00' )); // is identical to $( '#clock' ).timeTo({ timeTo: new Date( 'Dec 10 2013 00:00:00' ) }); |
字符串
执行动作。 可用:'start', 'stop', 'reset'.
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com