vue中setInterval()重叠导致加速的解决办法

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/Red_sevenWord/article/details/89705265

一个页面上，在函数中写了一个定时器。离开该页面后重新进入会发现定时器的速度发生了改变，继续重新进入还是会继续加速。原因是页面离开的时候没有将定时器清除，会一直保持运行。
先在data里面的return中定义定时器的名字如actiontime

data () {
	return {
		actiontime: ''
	}
}

之后在函数中写定时器

funtion mytiming(){
	// 里面的内容就是自己的操作
}
var myact = setInterval(mytiming,500)
this.actiontime = myact

离开页面的时候就是生命周期中的销毁的时候

beforeDestroy () {
    clearInterval(this.actiontime)
  }

这样就不会加速了