Utiliser setTimeout() dans jQuery

Dans l’article d’aujourd’hui, nous allons découvrir la fonction setTimeout() dans jQuery.

Utiliser setTimeout() dans jQuery

La méthode setTimeout() définit une minuterie pour exécuter une fonction ou un morceau de code ciblé une fois la minuterie expirée. La fonction setTimeout() de JavaScript reporte certaines actions ou l’exécution de code dans cette fonction ou dans une autre fonction JS.

Cette fonction est toujours exécutée avec le délai spécifié en millisecondes.

Syntaxe:

setTimeout(code, delay)
setTimeout(functionRef, delay, param1)

1. La functionRef est une fonction qui se terminera après l’expiration de la minuterie.
2. Le code est une syntaxe alternative qui permet d’insérer une chaîne au lieu d’une fonction qui sera compilée et exécutée à l’expiration du timer. Cette syntaxe n’est pas recommandée pour les mêmes raisons qui font de eval() une menace pour la sécurité.
3. Le delay est un paramètre facultatif qui spécifie le temps, en millisecondes, que le temporisateur doit attendre avant de terminer la fonction ou le code requis. Si ce paramètre est omis, la valeur 0 est utilisée, ce qui signifie que le code s’exécutera immédiatement.
4. Le param1, ... , paramN est un paramètre optionnel. Il spécifie des arguments supplémentaires transmis à la fonction définie par functionRef.

La fonction setTimeout() renvoie timeoutID qui est une valeur entière positive ; cette valeur identifie le timer créé en appelant la fonction setTimeout(). Pour annuler le timeout, vous pouvez passer ce paramètre à clearTimeout().

Une valeur de timeoutID est garantie de ne jamais être réutilisée par un appel ultérieur à setTimeout ou setInterval sur un élément dans une fenêtre ou un travailleur. Cependant, les éléments uniques utilisent des pools d’ID distincts.

Non seulement cette fonction est utilisée en JavaScript local, mais vous pouvez également utiliser setTimeout() dans jQuery. Pour retarder le mouvement, vous pouvez utiliser la fonction setTimeout() dans le code jQuery.

Comprenons-le avec l’exemple suivant:

$(document).ready(function() {
  setTimeout(() => {
    alert('Welcome to DelftStack!');
  }, 2000);
});

Dans l’exemple ci-dessus, nous utilisons setTimeout() pour afficher une alerte par intervalle de 2000 millisecondes.

Essayez d’exécuter l’extrait de code ci-dessus dans n’importe quel navigateur prenant en charge jQuery. Il va afficher le résultat ci-dessous.

Production:

Voir la démo ici.