vue 手动停止计时器 clearInterval 不生效 请帮我看看

Question

倒计时正常运行了
点击按钮的时候 无法手动终止。。。

Answer 1

哈哈。。。
看到大兄弟的此问题，不知道该说什么好。仔细检查一下mounted函数吧，你的this.timer自始至终都是null。

题外补充２点细节吧：
另外定时器标记是正整数，this.timer可以初始化为０。
setTimeout、setInterval共用标记池，也就是不会同时存在标记为某一正整数的一次定时器标记和循环定时器标记。

Answer 2

mounted let timer 改成 this.timer.
你的 timer 始终是 null, clear 不掉的.

Answer 3

我也再补充一个清除所有定时器的点吧。

已知

setTimeout、setInterval共用标记池

且值为累加

那么我们新创建一个setTimeout，得到标记，然后把从0到标记的都clear掉