javascript - 延迟后播放一系列声音

Question

这里需要帮助。所以我想循环播放一系列声音，以便在延迟 1000 毫秒后播放。我该如何实现？我试过了，但它会同时运行所有声音:

我尝试使用 Vanilla JS 构建的 Simon 游戏应用程序的链接:https://codesandbox.io/s/simongame-fcc-4thbk

colorArray.forEach(color => {
  setTimeout(() => {
    color.play();
  }, 1000)
});

Answer 1

由于您已经在一个数组上进行迭代，这使得每个项目的索引在每次迭代中都可用。您可以使用它来计算每个迭代步骤的更高超时。请注意，这可能会导致声音播放重叠(假设声音持续时间为 1 秒)，因为 setTimeout 方法仅保证您指定的最小延迟。它不保证您的代码何时准确运行。

colorArray.forEach((color, index) => {
  setTimeout(() => {
    color.play();
  }, 1000*++index)
});