美文网首页
vue中定时器的设置和销毁

vue中定时器的设置和销毁

作者: 扶得一人醉如苏沐晨 | 来源:发表于2022-08-15 16:13 被阅读0次

方案1(推荐):

该方法是通过$once这个事件侦听器器在定义完定时器之后的位置来清除定时器。

const timer = setInterval(() => {

// 定时器操作

}, 1000)

// 通过$once来监听定时器,在beforeDestroy钩子可以被清除。

this.$once('hook:beforeDestroy', () => {           

    clearInterval(timer);                                   

})

方案2:

首先在data定义定时器变量名,最后在beforeDestroy()生命周期内清除定时器:

然而,我们清除定时器的时候经常可以看到这种写法

js中清楚setTimeout的定时触发设置,之所以加个timer,是为了方便第二次赋值给timer。

也就是说直接clearTImeout(timer)则timer就不存在了  再次访问就是error了。

而timer&&clearTimeout(timer)则将timer 变成undefined

等同于

相关文章

网友评论

      本文标题:vue中定时器的设置和销毁

      本文链接:https://www.haomeiwen.com/subject/qetlgrtx.html