Opóźnienie przed wykonaniem w JavaScript
Przeanalizujmy teraz funkcję setTimeout,
która pozwala na wprowadzenie opóźnienia przed
uruchomieniem kodu. To opóźnienie, w przeciwieństwie do
funkcji setInterval, wystąpi tylko raz.
Pierwszym parametrem setTimeout przyjmuje
kod źródłowy funkcji, a drugim - opóźnienie
w milisekundach przed uruchomieniem tej funkcji.
Przyjrzyjmy się działaniu funkcji na przykładzie. Załóżmy, że mamy taki przycisk:
<input type="submit" id="elem">
Pobierzmy referencję do naszego przycisku do zmiennej:
let elem = document.querySelector('#elem');
Zróbmy teraz tak, aby po kliknięciu
przycisku na ekranie wyświetlił się alert,
ale nie od razu, tylko po 3 sekundach od kliknięcia:
elem.addEventListener('click', function() {
setTimeout(function() {
alert('!');
}, 3000);
});
Dany jest akapit. Napisz kod, który wyświetli
wiadomość w tym akapicie po 10 sekundach
od załadowania strony.
