用 js 來實(shí)現(xiàn)網(wǎng)頁(yè)顯示倒計(jì)時(shí)效果

1 function checkTime( time ){ 2 var data = new Data(); // 獲取現(xiàn)在時(shí)間 3 var nowData = data.getTime(); // 轉(zhuǎn)化成毫秒數(shù) 4 var time ; // 結(jié)束的時(shí)間 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行的簡(jiǎn)寫

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 () { // 每隔一秒調(diào)用一次
checkTime(time)
},1000); ?

?顯示效果：

?

轉(zhuǎn)載于:https://www.cnblogs.com/Sabo-dudu/p/7542924.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。