javascript - 使用 for 循环设置数组中每个元素之间的延迟

Question

我正在尝试更改数组中每个元素的不透明度，但每个元素之间有轻微的延迟。我已经尝试了下面简化代码片段的一系列变体，但每次它们要么全部立即延迟更改，要么什么都不做。此代码的正确语法是什么？

for (let i = 0; i < testArray.length; i++) {
  setTimeout(function() {testArray[i].style.opacity = ".5"}, 500);
}

Answer 1

因为你正在使用 let 异步不是这里的问题，而只是时间问题。你只需要更改

 setTimeout(function() {testArray[i].style.opacity = ".5"}, 500);

到

 setTimeout(function() {testArray[i].style.opacity = ".5"}, 500*(i+1));

这将为 500 毫秒递增的项目设置计时器，例如 500、1000、1500 等等