js 实现网页显示倒计时
生活随笔
收集整理的這篇文章主要介紹了
js 实现网页显示倒计时
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
用 js 來(lái)實(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)寫(xiě)
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èn)題。
- 上一篇: 分页导航的实现方法
- 下一篇: python(33)多进程和多线程的区别