vue 定时器

目录

前言

一、介绍

二、

1.setTimeout

        2.setInterval

总结

---

前言

本文不涉及原理，只介绍使用方式和注意事项

---

一、介绍

前端定时主要又以下两类

setTimeout ：在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次

setInterval：在执行时,它从载入后,间隔执行，不限次数，直到调用clearInterval

二、

1.setTimeout

代码如下（示例）：

this.Timeout=setTimeout("alert('对不起, 要你久候')", 3000)

let sefl =this
this.Timeout=setTimeout(self.方法, 3000)


window.clearTimeout(this.Timeout)  //一般不需要关闭

---

总结

  

---

2.setInterval

    
//开启定时器
window.timeInterval = setInterval(() => {
      this.updateSign(true)
    }, 1000 * 10)
//关闭定时器
clearInterval(window.timeInterval)

总结

1.开启方法推荐写在mounted方法中

2.需要注意销毁时机   

• beforeRouteLeave
• beforeDestroy
• 主动退出操作中