setTimeou和setInterval

一、setTimeou

1、定義功能

在指定的時間執行一次

2、代碼

setTimeout(function(){ 
  alert('Hello')
},3000)

setTimeout(() => {
    console.log('ES6')
}, timeout)

 3、銷燬

var myVar
 
myVar = setTimeout(function(){ 
    alert("Hello")
}, 3000)
 
clearTimeout(myVar)

 二、setInterval

1、定義功能

在指定的時間間隔內，循環執行

2、代碼

setInterval(function(){ 
  alert("Hello")
}, 3000)

setInterval(() => {
    console.log('es6')
}, 40)

  3、銷燬

var myVar

myVar = setInterval(() => {
   alert("Hello")
}, 3000)

clearInterval(myVar)

 注：在vue中還可以使用另外$once進行銷燬，$once用來監聽一個自定義事件，但是隻觸發一次。一旦觸發之後，$once監聽器就會被移除

this.$once('hook:beforeDestroy', () => {
    clearInterval(this.timeSet)
})

借鑑：https://www.cnblogs.com/woniubushinide/p/9282560.html

借鑑：https://www.runoob.com/jsref/met-win-setinterval.html