javascript - 我无法使用循环在 Javascript 中创建交错转换延迟

Question

我正在尝试为 JavaScript 中的 HTML 集合创建交错的转换延迟，并且无法使用“for”循环来实现。HTML 集合存储在一个名为 listItem 的变量中。

这是我目前正在使用的代码，这确实有效：

listItem[0].style.transitionDelay = "0s";
listItem[1].style.transitionDelay = "0.1s";
listItem[2].style.transitionDelay = "0.2s";
listItem[3].style.transitionDelay = "0.3s";

我正在尝试使用“for”循环来完成上述操作。我目前有这个，但它不起作用：

for (i = 0; i < 4; i++) {
listItem[i].style.transitionDelay = "i*0.1s";
}

谁能解释我的“for”循环有什么问题？问题似乎与“i * 0.1s”值有关。先感谢您。

标签： javascript

Answer 1

您需要在引号之外进行乘法并将结果与"s"

for (i = 0; i < 4; i++) {
   listItem[i].style.transitionDelay = i*0.1 + "s";
}