Задержка перед выполнением в 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
секунд
после загрузки страницы.