js 實現網頁顯示倒計時

用 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);

 顯示效果：