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

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

1.一次性定时器

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

1.1取消一次性定时器

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

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

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

2.1取消多次执行定时器

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

如果有用，点个关注