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:

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

Pobierzmy referencję do naszego przycisku do zmiennej:

javascriptlet 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:

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