Забавяне преди изпълнение в 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 секунди
след зареждане на страницата.