设置定时器和清除定时器的最佳方案

卡洛背心

于 2020-09-28 19:07:45 发布

阅读量967

点赞数

CC 4.0 BY-SA版权

分类专栏：数据处理文章标签： javascript

本文链接：https://blog.csdn.net/weixin_42321819/article/details/108855561

数据处理专栏收录该内容

25 篇文章

订阅专栏

这篇博客分享了在Vue应用中如何正确设置和清除定时器的方法，以确保代码的整洁和避免内存泄漏。通过在`beforeDestroy`生命周期钩子中使用`$once`监听并清除定时器，可以有效地管理定时任务。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下就是推荐的设置定时器和清除定时器的推荐方案

这种方式的好处，是代码易读，且非常简洁。
还可以有效防止设置定时器以后，忘记清除定时器的事情发生。

const timer = setInterval(() =>{                    
    // 操作内容                
}, 1000);            
// 通过$once来监听定时器，在beforeDestroy钩子中可以被清除。
this.$once('hook:beforeDestroy', () => {            
    clearInterval(timer);                                    
})