每10秒调用一次函数Angular2

我正在尝试创建一个每隔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';