jquery.countdown 倒計時插件的學習


 

1.第一種簡單的使用 第一個時間是你的倒計時截止時間,finalDate格式可以是YYYY/MM/DD MM/DD/YYYY YYYY/MM/DD hh:mm:ss MM/DD/YYYY hh:mm:ss 具體格式可以查一下官方文檔,第二個參數是回調函數 $('div#clock').countdown(finalDate[, callback]); eg:這個是我項目中的部分源碼

2.第二種簡單的使用 第一個時間是你的倒計時截止事件,第二個參數是倒計時正在進行回調函數,你在這里面可以進行倒計時的顯示處理 第三個參數是你倒計時完成時的回調函數 eg:

3.第三種使用 第一個參數不解釋大家都懂的,第二參數傳一個對象,里面是一些配置參數 elapse參數是bool值,當倒計時完成是否繼續, precison是更新的間隔時間單位毫秒, defer 翻譯過來是定義初始化模式,具體還不清楚怎么使用,這個研究后稍后會更新,后面可以 像上面的方法以一樣.on鏈式執行其他方法 $('div#clock').countdown(finalDate, { elapse: '{bool} Allow to continue after finishes', precision: '{int} The update rate in milliseconds', defer: '{bool} Deferred initialization mode' })

 

格式化時間:

使用event.strftime為格式化時間,它根據給定的格式字符串中的指令來格式化偏移日期。它的格式是使用%符號來分隔參數,任何不帶%符號的字符串將被原樣輸出。

 

API文檔:http://hilios.github.io/jQuery.countdown/documentation.html

jQuery.countdown倒計時插件的github地址為:https://github.com/hilios/jquery.countdown 

 

 

或者是另外一個很贊的效果http://hilios.github.io/jQuery.countdown/

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM