javascript-如何停止间隔？

我正在尝试创建一个按钮,该按钮将停止运行setInterval的方法.

我正在使用clearInterval这样做,但是由于某种原因,它不会让我将setInterval变量作为目标.

class Helpers {
    static start(value: Vehicle): void {
        let begin = setInterval(value.calculateSpeed,1000,value);
    }
    static stop() {
        let stop = clearInterval(Helpers.begin);
    }
}

我也尝试使用名称空间,但是也没有用.

namespace Extras {
    export function start(value:Vehicle) {
        let begin = setInterval(value.calculateSpeed,value);
    }
    export function stop() {
        let stop = clearInterval(Extras.begin);
    }
}

start()方法运行得很好…但是stop()方法没有任何作用.任何帮助将不胜感激.

非常感谢您的帮助！你解决了我的问题！

最佳答案

您需要引用的变量是静态的.当前,变量begin是您的start函数的本地变量.另外,您不需要保留clearInterval返回的值的引用.更好的开始名称是interval或intervalId

class Helpers {
    static interval;
    static start(value: Vehicle): void {
        Helpers.interval = setInterval(value.calculateSpeed,value);
    }
    static stop() {
        clearInterval(Helpers.interval);
    }
}

更新：
但是,使intervelId静态化不是一个好主意,因为您可能希望同时在多个地方使用此Helper类.将其设置为静态将创建该变量的单个副本,这可能会导致问题.

更好的方法是这样的：

class Helpers {
    private _intervalId;
    start(value: Vehicle): void {
        this._intervalId = setInterval(value.calculateSpeed,value);
    }
    stop() {
        clearInterval(this._intervalId);
    }
}

要调用该函数,您可以使用一些对象：

const helper:Helpers = new Helpers();
helper.start();

另外,请确保该helper.start();在被同一对象停止之前,不会被多次调用.为了正确处理这种情况,您可以在start()中检查_intervalId的值,如果已经设置,则会抛出一些错误.如果使用stop(),则可以设置this._intervalId = null