簡單易用的倒計時js代碼
更新時間:2014年08月04日 09:11:38 投稿:whsnow
倒計時js代碼想必大家都有用過,大同小異,本例為大家介紹的是簡單易用的,需要的朋友可以參考下
<!doctype html> <html> <head> <meta charset="utf-8"> <title>簡單易用的倒計時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時</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 + "時"; document.getElementById("t_m").innerHTML = m + "分"; document.getElementById("t_s").innerHTML = s + "秒"; } setInterval(GetRTime,0); </script> </body> </html>
相關(guān)文章
[全兼容哦]--實用、簡潔、炫酷的頁面轉(zhuǎn)入效果loing
[全兼容哦]--實用、簡潔、炫酷的頁面轉(zhuǎn)入效果loing...2007-05-05如何在指定的地方插入html內(nèi)容和文本內(nèi)容
本文為大家介紹個小技巧可以在指定的地方插入html內(nèi)容和文本內(nèi)容,示例如下,感興趣的朋友可以參考下2013-12-12關(guān)于JavaScript數(shù)組去重的一些理解匯總
這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組去重的一些理解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09uniapp中使用vuex的過程(解決uniapp無法在data和template中獲取vuex數(shù)據(jù)問題)
這篇文章主要介紹了uniapp中使用vuex(解決uniapp無法在data和template中獲取vuex數(shù)據(jù)問題),本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-05-05使用bootstrapValidator插件進行動態(tài)添加表單元素并校驗
動態(tài)添加表單元素,并調(diào)用bootstrapValidator的方法為表單添加校驗規(guī)則,調(diào)用addField()方法實現(xiàn)功能。下面通過本文看下具體實現(xiàn)方法吧2016-09-09