jQuery倒计时插件TimeTo

当前位置:主页 > jQuery库 > 工具类 > jQuery倒计时插件TimeTo
jQuery倒计时插件TimeTo
分享:

    插件介绍

    TimeTo是一款jQuery倒计时插件。该jq倒计时插件可精确到毫秒,默认实现翻页式倒计时效果,非常实用炫酷。

    浏览器兼容性

    浏览器兼容性
    时间:2019-05-20
    阅读:
简要教程

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是langvalue是时分秒。
  • seconds:倒计时的初始秒数,默认为0。
  • starttrue表示立刻开始倒计时。
  • theme:主题,支持whiteblack
  • time:时间格式。
  • timeTo:一个日期对象,指定当前日期或倒计时到哪个日期。

该jQuery倒计时插件TimeTo的github网址为:https://github.com/Lexxus/jq-timeTo