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 :

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

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

javascriptlet 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 :

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