js 实现网页显示倒计时

用 js 来实现网页显示倒计时效果

function checkTime( time ){
   var data = new Data(); // 获取现在时间
   var nowData = data.getTime();  //  转化成毫秒数
   var  time ;  //  结束的时间
   var t = time - nowData ;
   var HH, mm , ss = 0;
   var sta = "";
   if( HH == 24){
      HH = 0;
  } 
   if( ++ss == 60){     
      if( ++mm == 60 ){
         HH++;
        mm = 0;
       }
     ss = 0;
  }
 
// 11-17行的简写

if (++ss == 60) {

    if (++mm == 60) { HH++; mm = 0; }
    ss = 0;
}

 if( t > 0){
        HH = Math.floor(t/1000/60/60%24);
        mm = Math.floor(t/1000/60%60);
        ss = Math.floor(t/1000%60);
        str += HH < 10 ? "0" + HH : HH;
        str += ":";
        str += mm < 10 ? "0" + mm : mm;
        str += ":";
        str += ss < 10 ? "0" + ss : ss;
        $(".progress-time span").text(str);
    }
}    

setInterval(function () { // 每隔一秒调用一次
    checkTime(time)
},1000);

 显示效果：