在vue中使用setTimeout與setInterval

在vue中啟用、清除timeout的寫法不同,如果clearInterval沒有加上window,就不會停止。

setTimeout可以直接使用:

this.timeout = setTimeout(() => {
    console.log('一小時後要做的事');
}, 1000 * 60 * 60);
clearTimeout(this.timeout);

setInterval要加上window.

this.timeOutRefresh = window.setInterval(() => {
    console.log('每五秒要做的事');
}, 5000);
window.clearInterval(vm.timeOutRefresh);

全部code:

methods: {
    cleanTimeOut() {
      let vm = this;
      clearTimeout(vm.timeOutProcessId);
      window.clearInterval(vm.timeOutRefresh);
    },
    setTimeoutFun() {
      let vm = this;
      this.timeOutProcessId = setTimeout(() => {
        console.log('一小時後要做的事');
      }, 1000 * 60 * 60);
      this.timeOutRefresh = window.setInterval(() => {
        console.log('每五秒要做的事');
      }, 5000);
    },  
}

| 軟體開發 | 網站建置 | 網頁系統 | 資料庫網站 |

| 客製化網站 (報名系統、投票系統、掛號系統...) |

| 前後端技術合作 |

歡迎與我們聯繫:jessica@penueling.com

加入Line立即聊聊:@539mjyid

0
0 回復

發表評論

Want to join the discussion?
Feel free to contribute!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。