Постепенное увеличение скорости создания элементов?

Question

[5mc]

Есть скрипт, создающий новые div'ы. Как реализовать плавное увеличение скорости создания этих div'ов с помощью JS? Например: сначала 2 diva за 5 секунд, потом 4 divа за 5 секунд и так далее?

Пока все это статически с помощью setInterval:

function createItem() {
	    $('#block').append('<div style="top:5px; left:7px;" class="item"></div>');
	  }

	  setInterval(createItem, 850);

Answer 1

[Алексей]

Можно заменить setInterval на setTimeout, в конце функции появится setTimeout и каждый раз уменьшать следующую задержку: codepen.io/anon/pen/WwYXmm?editors=1111 (0.9 - замедление, 100 - минимальная задержка, 2000 - начальный интервал)

function create(delay) {
  console.log(delay);
  if (delay > 100) {
    setTimeout(create, Math.floor(delay), delay * 0.9);
  }
}

create(2000);

Answer 2

[VZVZ]

Циклом. В каждом проходе создаем нужное количество divов (вложенный цикл), после чего delay на один и те же 5 секунд (или sleep, интервал/таймер не помню что из этого есть в JS), и следующий проход.
Очень простой алгоритм.

Comments

[5mc]

Я просто новичок, спасибо)

Answer 3

[Роман Павлов]

А как увеличиваться количество должно? Линейно или нет?

Comments

[5mc]

Просто увеличивается сама по себе

[VZVZ]

5mc: не бывает "сама по себе". Везде есть закономерность, вот ее-то и надо описать алгоритмом. Если школу забыли или не учились - погуглите арифметические, геометрические прогрессии. Это простейшие варианты последовательностей с закономерностями.

[Роман Павлов]

5mc: ну тогда через setInterval, например. Или setTimeout в самой функции, вызывающий эту же функцию