共计 646 个字符,预计需要花费 2 分钟才能阅读完成。
参考:https://stackoverflow.com/que…
问题:当前模块只需要一个定时器。但是如果有多个地方调用 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();});
}
正文完
发表至: javascript
2019-07-10