微信小程序clearInterval无法关闭时间间隔器问题解决

-耿瑞-2023-10-14 17:08

今天在微信小程序遇到了一个问题

我的代码是这样的

javascript 复制代码

// 关闭动画函数
AnimationOff() {
    //定义时间间隔器
    clearInterval(this.animationTimer)
},
DefineAnimation() {
    //定义时间间隔器
    this.animationTimer = setInterval(() => {
        console.log("执行");
    }, 1000)
},

但是当我执行了 AnimationOff 发现 clearInterval 并没有关掉时间间隔期

网上很多人说在开发者工具右上角点击详情选择本地设置将自动运行体验评分关掉

但显然没有作用

其实这个问题叫定时器重构我们要防止这种事情发生

将代码改成了这样

javascript 复制代码

// 关闭动画函数
AnimationOff() {
    //定义时间间隔器
    clearInterval(this.animationTimer)
},
DefineAnimation() {
    //先清空 时间间隔期 防止重造问题
    clearInterval(this.animationTimer)
    //定义时间间隔器
    this.animationTimer = setInterval(() => {
        console.log("执行");
    }, 1000)
},

简单说在要定义之前先用 clearInterval 清楚一下可以说这个问题还是非常坑的希望官方能够修复吧

不然对没经历过的人来说真的不要太不友好