簡(jiǎn)單易用的倒計(jì)時(shí)js代碼
更新時(shí)間:2014年08月04日 09:11:38 投稿:whsnow
倒計(jì)時(shí)js代碼想必大家都有用過,大同小異,本例為大家介紹的是簡(jiǎn)單易用的,需要的朋友可以參考下
<!doctype html> <html> <head> <meta charset="utf-8"> <title>簡(jiǎn)單易用的倒計(jì)時(shí)js代碼</title> <style> *{ margin:0; padding:0; list-style:none;} body{ font-size:18px; text-align:center;} .time{ height:30px; padding:200px;} </style> </head> <body> <div class="time"> <span id="t_d">00天</span> <span id="t_h">00時(shí)</span> <span id="t_m">00分</span> <span id="t_s">00秒</span> </div> <script> function GetRTime(){ var EndTime= new Date('2014/09/20 00:00:00'); var NowTime = new Date(); var t =EndTime.getTime() - NowTime.getTime(); var d=0; var h=0; var m=0; var s=0; if(t>=0){ d=Math.floor(t/1000/60/60/24); h=Math.floor(t/1000/60/60%24); m=Math.floor(t/1000/60%60); s=Math.floor(t/1000%60); } document.getElementById("t_d").innerHTML = d + "天"; document.getElementById("t_h").innerHTML = h + "時(shí)"; document.getElementById("t_m").innerHTML = m + "分"; document.getElementById("t_s").innerHTML = s + "秒"; } setInterval(GetRTime,0); </script> </body> </html>
您可能感興趣的文章:
- JS 倒計(jì)時(shí)實(shí)現(xiàn)代碼(時(shí)、分,秒)
- JS實(shí)現(xiàn)倒計(jì)時(shí)(天數(shù)、時(shí)、分、秒)
- js代碼實(shí)現(xiàn)點(diǎn)擊按鈕出現(xiàn)60秒倒計(jì)時(shí)
- 2種簡(jiǎn)單的js倒計(jì)時(shí)方式
- 原生JS實(shí)現(xiàn)簡(jiǎn)單的倒計(jì)時(shí)功能示例
- js幾秒以后倒計(jì)時(shí)跳轉(zhuǎn)示例
- 最全面的JS倒計(jì)時(shí)代碼
- JS實(shí)現(xiàn)十分鐘倒計(jì)時(shí)代碼實(shí)例
- Javascript倒計(jì)時(shí)代碼
- JavaScript實(shí)現(xiàn)倒計(jì)時(shí)功能2種方法實(shí)例
相關(guān)文章
parabola.js拋物線與加入購(gòu)物車效果的示例代碼
本篇文章主要介紹了parabola.js拋物線與加入購(gòu)物車效果的示例代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10[全兼容哦]--實(shí)用、簡(jiǎn)潔、炫酷的頁(yè)面轉(zhuǎn)入效果loing
[全兼容哦]--實(shí)用、簡(jiǎn)潔、炫酷的頁(yè)面轉(zhuǎn)入效果loing...2007-05-05如何在指定的地方插入html內(nèi)容和文本內(nèi)容
本文為大家介紹個(gè)小技巧可以在指定的地方插入html內(nèi)容和文本內(nèi)容,示例如下,感興趣的朋友可以參考下2013-12-12關(guān)于JavaScript數(shù)組去重的一些理解匯總
這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組去重的一些理解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09uniapp中使用vuex的過程(解決uniapp無法在data和template中獲取vuex數(shù)據(jù)問題)
這篇文章主要介紹了uniapp中使用vuex(解決uniapp無法在data和template中獲取vuex數(shù)據(jù)問題),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-05-05使用bootstrapValidator插件進(jìn)行動(dòng)態(tài)添加表單元素并校驗(yàn)
動(dòng)態(tài)添加表單元素,并調(diào)用bootstrapValidator的方法為表單添加校驗(yàn)規(guī)則,調(diào)用addField()方法實(shí)現(xiàn)功能。下面通過本文看下具體實(shí)現(xiàn)方法吧2016-09-09