javascript - Angular 2 在执行命令之前等待/超时

Question

我有以下循环:

for (let i = 0; i < data.numChanges; i++) { 
                    console.log("Try numebr #" + i);
                    this.enemy.image = 'images/items/glasses/glasses.png;
                    //Wait 2 seconds, and show this image:
                    this.enemy.image = oldImage;
                    //Wait 1 second before processing to the next loop item
                }

为了让应用在执行给定的代码行之前“等待”，我需要在注释所在的位置放置什么代码(参见上面的代码)？

这是我需要做的:

• 旧图像更改后等待 2 秒(第一个评论)
• 在循环结束时等待 1 秒(第二条评论)

Answer 1

我想这就是您要找的:

for (let i = 0; i < data.numChanges; i++) { 
  console.log("Try number #" + i);
  this.enemy.image = 'images/items/glasses/glasses.png';
  // Wait 2 seconds, and show this image:
  setTimeout(() => this.enemy.image = oldImage, 2000);
  setTimeout(() => ...some code, 1000)
}

基本上，您将代码包装在 setTimeout(() => ..some code, 2000) 中。 2000 是以 ms 为单位的等待时间，因此 2000ms == 2s。