js倒計時實現及vue輪詢報錯問題

遇到驗證碼獲取倒計時等場景需要用到定時器Interval,以下展示vue中計時器的用法

data() {
    return {
        codeTime: 60, // 倒計時讀秒數
        codeTimer: Function // 定義驗證碼倒計時器
    }
},
mounted() {
    this.codeTimer = setInterval(()=>{
        this.codeTime--
        if(this.codeTime <= 0) {
            window.clearInterval(this.codeTimer)
        }
    },1000)
},
beforeDestory() {
    window.clearInterval(this.codeTimer)  // 頁面銷燬前清除定時器
}

vue中會有無法清除定時器的情況,直接使用window.xxx來解決

同樣,在重啓定時器時也需要先清除定時器,否則會造成定時器計時錯亂。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章