jQuery倒計時代碼(超簡單)
更新時間:2017年02月27日 17:19:57 作者:我不是安徒生
本文給大家分享一段超簡單的代碼基于jquery實現(xiàn)倒計時功能,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的的朋友參考下
具體代碼如下所示:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <span class="timespan"></span> </body> <script src="libs/jquery-1.11.3.js"></script> <script> var starttime = new Date("2017/11/20"); setInterval(function () { var nowtime = new Date(); var time = starttime - nowtime; var day = parseInt(time / 1000 / 60 / 60 / 24); var hour = parseInt(time / 1000 / 60 / 60 % 24); var minute = parseInt(time / 1000 / 60 % 60); var seconds = parseInt(time / 1000 % 60); $('.timespan').html(day + "天" + hour + "小時" + minute + "分鐘" + seconds + "秒"); }, 1000); </script> </html>
以上所述是小編給大家介紹的jQuery倒計時代碼(超簡單),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:
- jquery實現(xiàn)手機(jī)發(fā)送驗證碼的倒計時代碼
- jquery簡單倒計時實現(xiàn)方法
- jQuery實現(xiàn)發(fā)送驗證碼并60秒倒計時功能
- 利用jQuery實現(xiàn)漂亮的圓形進(jìn)度條倒計時插件
- jquery 倒計時效果實現(xiàn)秒殺思路
- jQuery 點擊獲取驗證碼按鈕及倒計時功能
- jQuery 實現(xiàn)倒計時天,時,分,秒功能
- jquery實現(xiàn)可關(guān)閉的倒計時廣告特效代碼
- jQuery實現(xiàn)商品活動倒計時
- JS/jquery實現(xiàn)一個網(wǎng)頁內(nèi)同時調(diào)用多個倒計時的方法
- jQuery實現(xiàn)倒計時功能完整示例
相關(guān)文章
使用jQuery和PHP實現(xiàn)類似360功能開關(guān)效果
本文介紹了使用jQuery、PHP和MySQL實現(xiàn)類似360安全衛(wèi)士防火墻開啟關(guān)閉的開關(guān),可以將此功能應(yīng)用在產(chǎn)品功能的開啟和關(guān)閉功能上,需要的朋友可以參考下2014-02-02Jquery對新插入的節(jié)點 綁定Click事件失效的解決方法
下面小編就為大家?guī)硪黄狫query對新插入的節(jié)點 綁定Click事件失效的解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06jQuery :nth-child前有無空格的區(qū)別分析
:nth-child(index)子元素過濾選擇器的描述是:選取每個父元素下的弟index個子元素,index從1開始。2011-07-07JQuery中dataGrid設(shè)置行的高度示例代碼
dataGrid 設(shè)置行的高度在jquery中如何做到,下面有個不錯的教程,感興趣的朋友可以參考下2014-01-01基于Jquery插件Uploadify實現(xiàn)實時顯示進(jìn)度條上傳圖片
這篇文章主要介紹了基于Jquery插件Uploadify實現(xiàn)實時顯示進(jìn)度條上傳圖片的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-05-05jquery實現(xiàn)去除重復(fù)字符串的方法小結(jié)
這篇文章主要介紹了jquery實現(xiàn)去除重復(fù)字符串的方法,結(jié)合實例形式總結(jié)了三種常用的字符串去重操作技巧,需要的朋友可以參考下2016-04-04