JavaScript setTimeout() — виконати код із затримкою

Метод setTimeout() виконує функцію один раз через заданий час у мілісекундах.

правити

Загальний опис

Затримка тут — це мінімум, а не обіцянка. setTimeout(fn, 100) означає «не раніше, ніж за 100 мс»: якщо в цю мить головний потік зайнятий важким циклом, функція почекає, доки він звільниться.

Повертає числовий ідентифікатор — його треба зберегти, якщо колись захочеш скасувати виклик через clearTimeout().

Навіть setTimeout(fn, 0) не виконується миттєво: він відкладає функцію до кінця поточної роботи. Цим інколи користуються, щоб дати браузеру перемалювати сторінку перед важкою операцією.

правити

Нотатка

Усередині звичайної функції-обробника this не той, на що ти чекаєш — у нестрогому режимі це window. Стрілкова функція цю пастку знімає: вона this не має власного взагалі.

автор: NagarD правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1	1	4	12	4

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	1

Підтримка: серверні переглядачі

Переглядач
	0.10.0*	1.0

Приклади

+ запропонувати свій приклад у пісочниці

// зберігаємо id, щоб мати змогу скасувати
const id = setTimeout(() => {
    console.log('Минула секунда');
}, 1000);

// передумали
clearTimeout(id);

// аргументи — третім і далі
setTimeout((name) => console.log('Привіт,', name), 500, 'Іване');

// затримка — це МІНІМУМ: цикл нижче відсуне виклик
setTimeout(() => console.log('другий'), 0);
console.log('перший'); // виведеться раніше