Késleltetés a végrehajtás előtt JavaScriptben

Most nézzük meg a setTimeout függvényt, amely lehetővé teszi a kód indításának késleltetését. Ez a késleltetés, a setInterval függvénytől eltérően, csak egyszer fog bekövetkezni.

A setTimeout első paramétereként egy függvény forráskódját veszi át, a második paraméter pedig a késleltetés ezredmásodpercben a függvény indítása előtt.

Nézzük meg a függvény működését egy példán. Tegyük fel, hogy van egy ilyen gombunk:

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

Kérjük a gombra mutató hivatkozást egy változóba:

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

Tegyük most azt, hogy a gomb megnyomásakor egy alert jelenjen meg a képernyőn, de ne azonnal, hanem 3 másodperccel a megnyomás után:

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