vue时间倒计时-休眠用法/计时器用法

export default {
    data() {
        return {
            // 倒计时
            value:14,
            // 秒数
            second:59,
            // 分钟（定时器名称）
            minute:null,
            // 毫秒（定时器名称）
            millisecond:null,
        }
    }
    // 计算属性
    computed: {
        //  格式化倒计时分钟
         timeMinute() {
             if (this.value < 10) 
                 return `0${this.value}`;
             return this.value;
         },
         timeSecond() {
             if (this.second < 10) 
                 return `0${this.second}`;
             return this.second;
         },        
      }
    // 关闭页面
    beforeDestroy() {
        // 清空分钟定时器
         clearInterval(this.minute);    
        // 清空秒定时器
         clearInterval(this.millisecond);     
        // 分钟（定时器名称）
         this.minute=null,
        // 秒（定时器名称）
         this.millisecond=null,
    },
// 方法
methods: {
    bearing() {
            this.sleepTen()
            // 倒计时分钟
             this.minute = setInterval(() => {
                 if(this.value<0) this.value = 14
                 this.value -= 1
             }, 60000);
             // 倒计时秒
             this.millisecond = setInterval(() => {
                 if(this.second<1) this.second = 60
                 this.second -=1
                 if(this.value<0 && this.second<1) {
                     // 从新调取二维码
                     this.renovate()
                 }
             }, 1000);
        }   
    } 
}

    // 每一次跑的事件   
     sleep(duration) {
            return new Promise(resolve => {
                setTimeout(resolve, duration * 1000)
            })
        },
        // 执行倒计时
        async sleepTen() {
            // 15分钟总共的秒数
            let timepredict = 15*60
            // 循环去倒计时
            for(; timepredict> 0; ) {
                // 每一次都减1并执行上面的事件
                timepredict = timepredict - 1;
                await this.sleep(1);
                // 分钟（取整）
                this.value = Math.floor(timepredict / 60);
                // 秒（取余）
                this.second = timepredict % 60;
            }
        },