小程序一个方法如何停止另一个方法里面的定时器？

Question

两个按钮对应两个方法 点击start开始 再点击stop让它停止 我下面这样写报错

start() {
    const timer = setInterval(res => {
      console.log(1)
    }, 2000)
},
stop(){
    clearInterval(timer) //这样写报错timer is not defined
}

Answer 1

timer 保存在全局呀。

const timer;


start() {
    timer = setInterval(res => {
      console.log(1)
    }, 2000)
},
stop(){
    clearInterval(timer) //这样写报错timer is not defined
}

如果说全局不方便也可以在 this 上

start() {
    this.timer = setInterval(res => {
      console.log(1)
    }, 2000)
},
stop(){
    clearInterval(this.timer) //这样写报错timer is not defined
}

你说你不想改 start 的代码，那么我有一个暂停所有 setInterval 的办法。

for(var i = 0, l=setInterval(()=>{}, 1000); i<=l;i++) clearInterval(i)

Answer 2

start执行interval，把timer存到localStorage；

stop中取出timer，清除interval，并删除timer。