vue定时器查看是否在执行_如何在代码运行时判断定时器的状态

问题：当前模块只需要一个定时器。但是如果有多个地方调用getData()会出现多个定时器

private timer = null;

private setTimer() {

this.timer = setTimeout(function () {

this.getData();

}.bind(this), 5000);

}

getData() {

http.get('getxxxData', () => {

//....

this.setTimer();

});

}

解决方法：在启动新的定时器之前判断上一个定时器是否正在运行,如果正在运行，就清除正在进行的定时器，再重新开启定时器。 但遗憾的是， 除了启动或停止计时器之外，没有其他方法可以与计时器交互。

在启动定时器之前检测如果定时器不为null,需要清除定时器

private timer = null;

private clearPollTimer() {

window.clearTimeout(this.timer);

this.timer = null;

}

private setTimer() {

if (this.timer !== null) {

this.clearPollTimer();

}

this.timer = setTimeout(function () {

this.getData();

}.bind(this), 5000);

}

getData() {

http.get('xxxx', () => {

//....

this.setTimer();

});

}