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:
<input type="submit" id="elem">
Saadaan viite meidän painikkeeseen muuttujaan:
let elem = document.querySelector('#elem');
Tehdään nyt niin, että painiketta napsautettaessa
näytölle ilmestyy alert, mutta
ei heti, vaan 3 sekunnin kuluttua napsautuksesta:
elem.addEventListener('click', function() {
setTimeout(function() {
alert('!');
}, 3000);
});
Annettu kappale. Kirjoita koodi, joka tulostaa
viestin tähän kappaleeseen 10 sekunnin
kuluttua sivun latautumisesta.