Пытаешься создать задержку в цикле на JavaScript, но не знаешь как? Эта статья откроет тебе секреты управления временем в коде! Больше не нужно ждать - просто прочитай и примени на практике!

JS: Как сделать задержку в цикле

В JavaScript нет прямого способа добавить задержку или паузу в цикл. Однако, можно использовать функции setTimeout() и setInterval() для создания задержек.

Использование setTimeout в цикле

Вот пример, который демонстрирует, как использовать setTimeout() в цикле:

for (var i = 0; i < 10; i++) {
  (function(i) {
    setTimeout(function() {
      console.log(i);
    }, 100 * i);
  })(i);
}

Этот код выводит числа от 0 до 9 с задержкой в 100 миллисекунд между каждым выводом.

Использование async/await с Promise в цикле

Мы можем также использовать асинхронные функции и Promise для создания задержки в цикле. Вот пример:

async function delayedLoop() {
  for (let i = 0; i < 10; i++) {
    await new Promise(resolve => setTimeout(resolve, 1000));
    console.log(i);
  }
}

delayedLoop();

Этот код также выводит числа от 0 до 9, но с задержкой в 1 секунду между каждым выводом.