Délai avant exécution en JavaScript

Analysons maintenant la fonction setTimeout, qui permet d'introduire un délai avant l'exécution du code. Contrairement à la fonction setInterval, ce délai ne se produira qu'une seule fois.

Le premier paramètre de setTimeout accepte le code source de la fonction, et le second - le délai en millisecondes avant le lancement de cette fonction.

Regardons le fonctionnement de la fonction sur un exemple. Supposons que nous ayons un bouton comme celui-ci :

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

Récupérons la référence à notre bouton dans une variable :

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

Faisons en sorte maintenant qu'un clic sur le bouton affiche un alert à l'écran, non pas immédiatement, mais 3 secondes après le clic :

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

Un paragraphe est donné. Écrivez un code qui affichera un message dans ce paragraphe 10 secondes après le chargement de la page.