setInterval定时器

最新推荐文章于 2025-04-23 18:33:32 发布

一夜枫林

最新推荐文章于 2025-04-23 18:33:32 发布

阅读量635

点赞数 1

分类专栏：前端学习笔记 vue学习文章标签： vue js es6

本文链接：https://blog.youkuaiyun.com/m0_45070460/article/details/112303143

版权

前端学习同时被 3 个专栏收录

44 篇文章

订阅专栏

笔记

22 篇文章

订阅专栏

vue学习

22 篇文章

订阅专栏

本文介绍了在 Vue.js 应用中如何使用 setInterval 实现定时调用，并在组件销毁前通过 clearInterval 进行资源释放，以避免性能问题。通过在 beforeDestroy 生命周期钩子中清理定时器，确保页面关闭时定时任务停止执行。

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

setInterva 中文：定时调用函数名我们俗称：间隔定时器

使用方法

data() {
		return {
			newdate:null,
		};
	},
mounted() {
		 this.newdate =  setInterval(() =>{
			console.log("我是间隔定时器，每五秒调用一次")
		},5000)
	},
// beforeDestroy（销毁前）在实例销毁之前调用。实例仍然完全可用。
beforeDestroy() {
		console.log("页面关闭，定时器销毁")
		clearInterval(this.newdate)  //如果不销毁定时器他就会一直全局调用，影响性能。
		this.newdate = null;
	}