js倒计时

594 阅读1分钟

本章节分享一段代码实例,它实现了倒计时的效果。

代码如下:

 //倒计时
      countDown: function (times){
        let _this = this;
        _this.timer=setInterval(function(){
          var day=0,
            hour=0,
            minute=0,
            second=0;//时间默认值
          if(times > 0){
            day = Math.floor(times / (60 * 60 * 24));
            hour = Math.floor(times / (60 * 60)) - (day * 24);
            minute = Math.floor(times / 60) - (day * 24 * 60) - (hour * 60);
            second = Math.floor(times) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
          }
          if (day <= 9) day = '0' + day;
          if (hour <= 9) hour = '0' + hour;
          if (minute <= 9) minute = '0' + minute;
          if (second <= 9) second = '0' + second;
          _this.countDownTime = day+"天"+hour+"小时"+minute+"分钟"+second+"秒";
          //if( this.LoadNum > 0)
          //{
          // clearInterval(_this.timer);
         // }
          times--;
        },1000);
        if(times<=0){
          clearInterval(_this.timer);
        }
      }