Как отложить выполнение с помощью setTimeout в JavaScript

Автор Shan Shah

Обновлено 6 ноября 2022 г.

3 минуты чтения

Вы хотите отложить выполнение кода? Тогда вам может пригодиться метод JavaScript setTimeout .

В этом руководстве вы подробно изучите синтаксис setTimeout и советы по его наиболее эффективному использованию. Вы также узнаете о методе сброса тайм-аута.

К концу этого руководства вы сможете работать с setTimeout как профессионал!

Как работает setTimeout

Большинство из нас постоянно используют setTimeout, даже не подозревая об этом.

Это удобная функция, которая помогает нам контролировать выполнение кода после установленной задержки.

Код будет запущен один раз  после того, как пройдет указанная задержка при его использовании.

Вы можете указать задержку в миллисекундах, что позволяет точно контролировать, как долго код будет ждать перед выполнением кода внутри.

Например, вы можете использовать его для постановки в очередь нескольких задач и их одновременного запуска по истечении задержки.

Передача параметров в setTimeout

Принимает два параметра: имя функции и значение задержки в миллисекундах.

Вы также можете передать прямой обратный вызов или функцию стрелки в качестве первого параметра.

Давайте посмотрим на пример того, как его использовать.

Быстрый пример

Перенаправить пользователя на другую страницу через 5 секунд.

Вы можете перенаправить пользователя в JavaScript через window.location.href = «URL»

clearTimeout — очистить выполнение setTimeout

Очистка периода ожидания полезна для различных целей в коде.

Может использоваться для очистки кода или отмены уже начатого действия.

Например, если вы установили таймер на 10 минут и хотите отменить его досрочно или отменить тайм-аут на основе определенного условия. Вы можете использовать ClearTimeout.