SVG создание элемента все 3 секунды, пока я не х

Question

Я пытаюсь выяснить, как я могу создать элемент SVG все 3 секунды, пока я не == 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);
}