1

Как я понял, setTimeout запускает функции через нужное нам время. Т.е. в цикле каждая итерация задерживается на наш timeout.

Исходя из этого моего знания вопрос: Почему работает как задумано только первая итерация цикла и как исправить?

for (var i = 0; i < 10; i++) {
    setTimeout(function() {console.log("sample");}, 4000);
};

Скорее всего я неверно понял как пользоваться setTimeout

2 ответа 2

5

Код практически одновременно заказывает 10 таймаутов. В Вашем примере все они - через 4 секунды. Вот они все 10 и выполнятся практически одновременно. В моем они заказаны через одну, две, три и т.д. секунды.

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

10
  • Что, как? Дайте хоть почитать где-то, я искал, честно. Почему сообщение всегда выводится через 4с, почему не 8,12 и т.д.?
    – tranntus
    17 фев 2018 в 1:20
  • 1
    @tranntus нажмите кнопку "Выполнить код"
    – user176262
    17 фев 2018 в 1:21
  • да я понял что работает, я не понял почему, там просто должно менятся значение миллисекунд обязательно?
    – tranntus
    17 фев 2018 в 1:22
  • @tranntus А теперь?
    – user176262
    17 фев 2018 в 1:25
  • дай бог здоровья вам короче
    – tranntus
    17 фев 2018 в 1:36
-1

При вызове функция становится в очередь на выполнение. Запустилась и смотрит, когда ей пора выполняться: ага, через 1 сек... И так 10 функций. Когда приходит время выполняться, цикл уже прокрутился, i = 10. Получается у вас в очереди стоит 10 функций с одинаковой командой вывести в консоль i, которая на тот момент уже равна 10.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.