javascript - 如何顺序处理循环中的异步函数

Question

我正在尝试更改文本，以便它们一次出现一个，几乎以连续的方式出现。

columns.forEach((x) => {
    setTimeout(() => {
        x.style.color="red"
    }, 2500)

})

但是，这只是将它们全部延迟了 2500 毫秒，然后在 2500 毫秒之后，它们同时发生了变化。

Answer 1

.forEach() 方法将索引值作为第二个参数传递。您可以将其乘以某个常数来展开计时器:

columns.forEach((x, index) => {
    setTimeout(() => {
        x.style.color="red";
    }, 2500 + index * 500);

});