TimeTo是一款jQuery倒计时插件。该jq倒计时插件可精确到毫秒,默认实现翻页式倒计时效果,非常实用炫酷。
安装
npm install time-to
使用方法
在页面中引入下面的文件。
<link href="css/timeTo.css" type="text/css" rel="stylesheet"/>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.time-to.js"></script>
HTML结构
<div id="countdown"></div>
初始化插件
$('#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:一个日期对象,指定当前日期或倒计时到哪个日期。
该jQuery倒计时插件TimeTo的github网址为:https://github.com/Lexxus/jq-timeTo
版权声明
文章来源: https://www.uihtm.com/jquery/9910.html
版权说明:仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。我们非常重视版权问题,如有侵权请邮件(44784009#qq.com)与我们联系处理。敬请谅解!






















