美文网首页
js实现倒计时

js实现倒计时

作者: 子夜照弦歌 | 来源:发表于2020-09-18 17:45 被阅读0次

    转载请注明出处

    业务场景:

    • 实现传入数值开始进行倒计时(分钟)
      项目中使用的是uniapp
    // data()
    lastMinute: 30, //默认倒计时30分钟
    lastSecond: 0,
    showOrder: false,
    lastTimer: null,
    
     // 倒计时
    lastTimeCount() {
           // 先清除定时器
       let _this = this;
           if(this.lastTimer){
               clearInterval(this.lastTimer);
               this.lastTimer = null;
           }
       this.lastTimer = setInterval(function() {
                   //当秒数为0时置为59
           if (_this.lastSecond == 0) {
                           // 当分钟数为0时,倒计时结束,清除定时器等相关操作
               if (_this.lastMinute == 0) {
                   if(_this.lastTimer){
                       clearInterval(_this.lastTimer)
                       _this.lastTimer = null
                   }
                   _this.lastTimer = null;
                   _this.showOrder = false;
               } else {
                   _this.lastSecond = 59;
                   _this.lastMinute--;
               }
           } else {
               _this.lastSecond--;
           }
       }, 1000)
    }
    

    相关文章

      网友评论

          本文标题:js实现倒计时

          本文链接:https://www.haomeiwen.com/subject/piijyktx.html