Întârziere înainte de execuție în JavaScript
Să analizăm acum funcția setTimeout,
care permite o întârziere înainte de
pornirea codului. Spre deosebire de
funcția setInterval, această întârziere va avea loc o singură dată.
Primul parametru al funcției setTimeout primește
codul sursă al funcției, iar al doilea - întârzierea
în milisecunde înainte de executarea acelei funcții.
Să vedem funcționarea acesteia într-un exemplu. Să presupunem că avem un buton ca acesta:
<input type="submit" id="elem">
Vom obține o referință la butonul nostru într-o variabilă:
let elem = document.querySelector('#elem');
Să facem acum ca la click pe
buton să se afișeze un alert,
dar nu imediat, ci după 3 secunde de la apăsare:
elem.addEventListener('click', function() {
setTimeout(function() {
alert('!');
}, 3000);
});
Este dat un paragraf. Scrieți un cod care va afișa
un mesaj în acest paragraf după 10 secunde
de la încărcarea paginii.