我正在尝试创建一个按钮,该按钮将停止运行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
