Vue定时器的使用和设置（图文详解）附上源码

定时器分为两种，接下来介绍他们的使用方式

1.一次性定时器

this.timer = setTimeout(() => {
  //需要定时执行的代码，这个3000代表的是毫秒。
  console.debug("Hello World");
  }, 3000)

1.1取消一次性定时器

//清除一次性定时器
clearTimeout(this.timer)

2.指定时间间隔多次执行定时器

this.timer = setInterval(() => {
     //需要定时执行的代码
},3000)

2.1取消多次执行定时器

this.timer = setInterval(() => {
     //需要定时执行的代码
},5000)

如果有用，点个关注