Maison > interface Web > js tutoriel > le corps du texte

Comment exécuter un script JavaScript après un délai spécifié ?

DDD
Libérer: 2024-11-01 02:11:28
original
670 Les gens l'ont consulté

How to Execute a JavaScript Script After a Specified Delay?

Exécuter un script après un délai spécifié à l'aide de JavaScript

L'exécution d'un script après un délai spécifique est une tâche courante en JavaScript. Pour ce faire, vous pouvez exploiter la méthode setTimeout().

Contrairement à delay() ou wait() de jQuery, setTimeout() accepte une fonction comme premier paramètre. Cette fonction est ce que vous souhaitez exécuter après le délai. Le deuxième paramètre spécifie le délai en millisecondes.

Utilisation de fonctions nommées pour le délai

Le code suivant montre comment appeler une fonction avec un délai à l'aide d'une fonction nommée :

<code class="javascript">function myFunction() {
  // Code to execute after the delay
}

setTimeout(myFunction, 2000); // Execute "myFunction" after 2 seconds</code>
Copier après la connexion

Utilisation de fonctions anonymes pour le passage de paramètres

Si vous souhaitez appeler une fonction avec un paramètre, vous pouvez utiliser une fonction anonyme :

<code class="javascript">var a = "world";
setTimeout(function(){alert("Hello " + a)}, 2000);</code>
Copier après la connexion

Cependant, cela peut entraîner des problèmes si la valeur d'un change avant l'expiration du délai. Pour conserver la valeur d'origine, vous pouvez envelopper la fonction anonyme dans une autre fonction qui prend a comme argument :

<code class="javascript">function callback(a){
    return function(){
        alert("Hello " + a);
    }
}

var a = "world";
setTimeout(callback(a), 2000);</code>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal