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

Posted 2021-12-13 weixin_40228600

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>