javascript - svg 创建元素 3 秒直到 i 是 x

Question

我试图弄清楚如何在 3 秒内创建一个 svg 元素，直到 i == x.length。

我尝试了很多方法，但找不到答案。目前，这是我的代码:

for (var i = 0; i < whichBloons.length; i++) {

  setTimeout(function(i) {
    bloons[i].create(bloonCounter[i]);
  }, 10000, i);

} }

我知道我做的事情完全错误，但我现在尝试用谷歌搜索了几个小时，但仍然没有任何线索。

有人可以帮助我吗？

Answer 1

setTimeout 方法将提供的函数延迟指定的时间(以毫秒为单位)。您可能不希望将其设置为 10000 毫秒的恒定持续时间，而是根据您的计数器 i 设置它。每 3 秒类似于 (i+1) * 3000

像这样:

for (var i = 0; i < whichBloons.length; i++) {
  setTimeout(function(i) {
    bloons[i].create(bloonCounter[i]);
  }, (i+1) * 3000, i);
}