Viive ennen suoritusta JavaScriptissä

Käydään nyt läpi funktio setTimeout, jolla voidaan luoda viive ennen koodin suorittamista. Toisin kuin funktiossa setInterval, tämä viive tapahtuu vain kerran.

Ensimmäisenä parametrina setTimeout vastaanottaa funktion lähdekoodin, ja toisena - viiveen millisekunteina ennen funktion suorittamista.

Katsotaan funktion toimintaa esimerkin avulla. Oletetaan, että meillä on tällainen painike:

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

Saadaan viite meidän painikkeeseen muuttujaan:

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

Tehdään nyt niin, että painiketta napsautettaessa näytölle ilmestyy alert, mutta ei heti, vaan 3 sekunnin kuluttua napsautuksesta:

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