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)

如果有用,点个关注

你可能感兴趣的:(vue.js,前端,javascript)