Oneskorenie pred vykonaním v JavaScript

Poďme si teraz rozobrať funkciu setTimeout, ktorá umožňuje vytvoriť oneskorenie pred spustením kódu. Toto oneskorenie, na rozdiel od funkcie setInterval, nastane iba raz.

Prvým parametrom setTimeout prijíma zdrojový kód funkcie, a druhým - oneskorenie v milisekundách pred spustením tejto funkcie.

Pozrime sa na funkciu na nejakom príklade. Nech máme takuté tlačidlo:

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

Získajme odkaz na naše tlačidlo do premennej:

javascriptlet elem = document.querySelector('#elem');

Urobme teraz tak, aby po kliknutí na tlačidlo sa na obrazovke zobrazil alert, ale nie okamžite, ale po 3 sekundách od kliknutia:

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