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

老张代码2023-10-23 5:09

1.一次性定时器

javascript 复制代码

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

1.1取消一次性定时器

javascript 复制代码

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

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

javascript 复制代码

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

2.1取消多次执行定时器

javascript 复制代码

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