Vertraging voor uitvoering in JavaScript

Laten we nu de functie setTimeout bekijken, die een vertraging mogelijk maakt voordat code wordt uitgevoerd. Deze vertraging, in tegenstelling tot de functie setInterval, vindt slechts één keer plaats.

De eerste parameter van setTimeout accepteert de broncode van de functie, en de tweede - de vertraging in milliseconden voordat deze functie wordt uitgevoerd.

Laten we de werking van de functie bekijken aan de hand van een voorbeeld. Stel dat we een knop hebben zoals deze:

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

We halen een referentie naar onze knop op in een variabele:

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

Laten we nu regelen dat er bij het klikken op de knop een alert op het scherm verschijnt, niet meteen, maar 3 seconden na het klikken:

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

Gegeven een alinea. Schrijf code die een bericht in deze alinea weergeeft 10 seconden nadat de pagina is geladen.