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 });

 

效果

完整代碼