jquery 倒计时插件 2.0

今天需要用到一个倒计时功能，想起来很早以前写过一个，翻出来优化了一下，包装成jQuery插件重新发布一下。

还是没加入定时与服务器校验本地时间正确性的功能，等想出个好办法在添加了。

使用说明：

参数 

endTime 结束时间 date || datestring

autoStart 自动开始 bool

format 输出格式 string  hour:minute:second

appendTxt 是否显示文字 bool

事件

每次tick时触发事件

$("#clock").on("tick.timeup",function(){});

结束时触发事件

$("#clock").on("stop.timeup",function(){});

开始时触发事件

$("#clock").on("start.timeup",function(){});

方法

开始计时

$("#clock").timeup("start");

结束计时

$("#clock").timeup("stop");

 

基于HTML创建

<div class="timeup-clock" endTime="2012-9-30"></div>
<div class="timeup-clock" endTime="2012-10-1">
      hour时minute分second秒
</div>
<div class="timeup-clock number-clock" endTime="2012-10-2" autoStart="false" appendTxt="false">
       hour<span class='number np'></span>minute<span class='number np'></span>second
 </div>

基于Javascript创建

$("#clock").timeup({ endTime: "2012-9-30" });
$("#clock").timeup({ endTime: "2012-10-1", autoStart: false, format: "hour时minute分second秒" });
$("#clock").timeup({ endTime: "2012-10-2", autoStart: false, format: "hour<span class='number np'></span>minute<span class='number np'></span>second", appendTxt: false });

 

效果

完整代码

转载于:https://www.cnblogs.com/yi-y/archive/2012/09/28/2707870.html