用 js 來實現網頁顯示倒計時效果

1 function checkTime( time ){ 2 var data = new Data(); // 獲取現在時間 3 var nowData = data.getTime(); // 轉化成毫秒數 4 var time ; // 結束的時間 5 var t = time - nowData ; 6 var HH, mm , ss = 0; 7 var sta = ""; 8 if( HH == 24){ 9 HH = 0; 10 } 11 if( ++ss == 60){ 12 if( ++mm == 60 ){ 13 HH++; 14 mm = 0; 15 } 16 ss = 0; 17 } 18
// 11-17行的簡寫

if (++ss == 60) { if (++mm == 60) { HH++; mm = 0; }
ss = 0;
} 19 if( t > 0){ 20 HH = Math.floor(t/1000/60/60%24); 21 mm = Math.floor(t/1000/60%60); 22 ss = Math.floor(t/1000%60); 23 str += HH < 10 ? "0" + HH : HH; 24 str += ":"; 25 str += mm < 10 ? "0" + mm : mm; 26 str += ":"; 27 str += ss < 10 ? "0" + ss : ss; 28 $(".progress-time span").text(str); 29 } 30 }
setInterval(function () { // 每隔一秒調用一次
checkTime(time)
},1000); ?

?顯示效果：

?

轉載于:https://www.cnblogs.com/Sabo-dudu/p/7542924.html

總結

以上是生活随笔為你收集整理的js 实现网页显示倒计时的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。