Angular 4 setTimeout不等待

Question

我正在使用 typescript 创建一个 angular 4 应用程序。

我有一个函数需要每 10 秒执行一次，直到达到指定的停止条件。我使用 setTimeout 创建了一个带有一些测试代码的循环，看看它是否有效。

我的测试代码:

public run() {
    let i = 0;
    while (i < 4) {
        setTimeout(this.timer,3000);
        i++;
    }
}

public timer(){
    console.log("done")
}

然而，这似乎等待了 3 秒，或者浏览器速度很慢......然后打印 4 次完成。所以代码不起作用。我做错了吗？还有其他方法可以做这种事情吗？

Answer 1

由于您使用的是 Angular，因此您可以使用 takeWhile 以更简单的方式执行此操作:

Observable.interval(10000)
    .takeWhile(() => !stopCondition)
    .subscribe(i => { 
        // This will be called every 10 seconds until `stopCondition` flag is set to true
    })