vue clearInterval无效不起作用，函数不生效

最新推荐文章于 2024-01-21 01:20:35 发布

程序员小蛋

最新推荐文章于 2024-01-21 01:20:35 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/weixin_40228600/article/details/121286493

版权

clearInterval 不生效不起作用

setInterval()：指定间隔毫秒数不停地执行指定的代码。

clearInterval()：用于停止 setInterval() 方法执行的代码,而不是具体的方法，是setInterval的引用。

只有两者规范的使用，才能生效，具体代码如下：

<script>
	export default {
		data() {
			return {
				timeObject: null
			};
		},
		created() {
			//调用定时器
            this.countTime()
		},
		destroyed() {
			//停止定时器
            clearInterval(this.timeObject)
		},
		methods: {
			countTime(){
				this.timeObject=setInterval(function(){
					console.log("间隔3秒执行一次")
				},3000)
			}
		}
	}
</script>