直播小程式原始碼，vue實現時間倒數計時

直播小程式原始碼，vue實現時間倒數計時

// html
<div>還剩{{min}}:{{sec}}獲取腦力</div> 
data(){
   return {
       day: 0,
       hr: 0,
       min: 0,
       sec: 0,
   }
},
mounted(){
    this.countdown()
},
countdown() {
            const end = (app.globalData.currenergy_ts + (1*60*60))*1000;  // 定義開始時間且延長1小時
            const now = Date.parse(new Date());  // 獲取本地時間
           
            const msec = end - now;
            // 將時間戳進行格式化00：00的形式
            let day = parseInt(msec / 1000 / 60 / 60 / 24);
            let hr = parseInt(msec / 1000 / 60 / 60 % 24);
            let min = parseInt(msec / 1000 / 60 % 60);
            let sec = parseInt(msec / 1000 % 60);
            this.day = day;
            this.hr = hr > 9 ? hr : '0' + hr;
            this.min = min > 9 ? min : '0' + min;
            this.sec = sec > 9 ? sec : '0' + sec;
            const that = this;
            // 倒數計時結束時的操作
            if(hr ==0 && min ==0 && sec==0){
                let n =app.globalData.currenergy+1;
                this.recoverEnergy('recover',n);
                return
            }else {
                setTimeout(function () {
                    that.countdown()
                }, 1000)
            }
        }

 以上就是直播小程式原始碼，vue實現時間倒數計時， 更多內容歡迎關注之後的文章