一個不錯的js html頁面倒計時可精確到秒,jshtml頁面倒計時

來源:互聯網
上載者:User

一個不錯的js html頁面倒計時可精確到秒,jshtml頁面倒計時

一個不錯的js html頁面倒計時可精確到秒,很簡單,但和實用

 <!doctype html> <html> <head> <meta charset="utf-8"> </head> <body> <DIV id="CountMsg" class="HotDate"> <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 type="text/javascript"> function getRTime(){ var EndTime= new Date('2014/10/23 10:00:00'); //截止時間 var NowTime = new Date(); var t =EndTime.getTime() - NowTime.getTime(); /*var d=Math.floor(t/1000/60/60/24); t-=d*(1000*60*60*24); var h=Math.floor(t/1000/60/60); t-=h*60*60*1000; var m=Math.floor(t/1000/60); t-=m*60*1000; var s=Math.floor(t/1000);*/ var d=Math.floor(t/1000/60/60/24); var h=Math.floor(t/1000/60/60%24); var m=Math.floor(t/1000/60%60); var 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,1000); </script> </body> </html>

Js倒計時代碼精確到毫秒

setTimeout("GetRTime()", 100); 改為setTimeout("GetRTime()", 20); 就是≈50毫秒了,1s = 1000ms,1000 ÷ 50 = 20,然後由於javascript的單線程方式,setTimeout並不一定會在20ms時執行,所以只能說≈了
 
怎用JavaScript寫一個60秒倒計時的js檔案

用 setTimeout("",1000); 引號裡面填要調用的方法

如: 頁面
<a id="time"></a>

javascript:

function send(){
var i = 61;
i--;
if(i==-1)
return null;
document.getElementById("time").innerHTML = i;
setTimeout("send();",1000);
}
 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.