每10秒调用一次函数Angular2

发布时间：2020-12-17 07:59:00 所属栏目：安全来源：网络整理

导读：我正在尝试创建一个每隔10秒调用一次API调用的Timer,我正在使用setTimeOut,但事实是它变成了一个无限循环,即使我推送到另一个页面它仍然加入if条件. 示例：我在一个方法上调用它来启动10秒API调用 setTimeout(() = { this.onTimeOut();},1000); 这是onTimeO

我正在尝试创建一个每隔10秒调用一次API调用的Timer,我正在使用setTimeOut,但事实是它变成了一个无限循环,即使我推送到另一个页面它仍然加入if条件.

示例：

我在一个方法上调用它来启动10秒API调用

setTimeout(() => {
    this.onTimeOut();
},1000);

这是onTimeOut()方法……

onTimeOut() {
    this.ApiCall().then(
    success => {
    if(success ['ok'] == 0){
        this.navCtrl.push(myPage);
    }
    },error => { console.log(error); });
}
setTimeout(() => {
    this.onTimeOut();
},1000);
}

我听说过Debounce和rxjs / rs但是我对它们并不熟悉,你能给我一些提示来做同样的事吗？或者,如果这种方式更有效,请继续向我解释为什么它变成循环.

目标是当它加入if并推送页面时,停止计时器.

更好地使用可观察量

this.sub = Observable.interval(10000)
    .subscribe((val) => { console.log('called'); }

停止使用

this.sub.unsubscribe();

确保导入间隔

import 'rxjs/add/observable/interval';

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!