ВНИМАНИЕ: Запись на курсы по HTML, CSS, JavaScript, PHP, Python, React, Vue, Laravel и другим фреймворкам и CMS,
а также: помощь в поиске работы и заказов, стажировка на реальных проектах→
⊗jsPmTrDl 453 of 505 menu
Вступайте в телеграмм-канал сайта code.mu: новинки, статьи, интервью, задачи, бесплатные курсы и тренинги. Жми для вступления:)

Задержка перед выполнением в JavaScript

Давайте теперь разберем функцию setTimeout, которая позволяет сделать задержку перед запуском кода. Эта задержка, в отличии от функции setInterval, случится только один раз.

Первым параметром setTimeout принимает исходный код функции, а вторым - задержку в миллисекундах перед запуском этой функции.

Посмотрим работу функции на каком-нибудь примере. Пусть у нас есть вот такая кнопка:

<input type="submit" id="elem">

Получим ссылку на нашу кнопку в переменную:

let elem = document.querySelector('#elem');

Давайте теперь сделаем так, чтобы по нажатию на кнопку на экран вывелся alert, но не сразу, а через 3 секунды после нажатия:

elem.addEventListener('click', function() { setTimeout(function() { alert('!'); }, 3000); });

Дан абзац. Напишите код, который выведет сообщение в этот абзац через 10 секунд после загрузки страницы.

byenru