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

Comment exécuter un script après un délai spécifique à l'aide de JavaScript et empêcher les modifications de valeurs de variables ?

Susan Sarandon
Libérer: 2024-10-31 22:38:02
original
717 Les gens l'ont consulté

How to Execute Script After Specific Delay Using JavaScript and Prevent Variable Value Changes?

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

Lors de la recherche d'une méthode JavaScript analogue au "delay()" ou "wait()" de jQuery fonctions, qui permettent une exécution de script retardée, "setTimeout()" est apparue comme une solution fiable.

Cependant, lorsqu'il s'agit d'invoquer une fonction avec un paramètre ultérieurement, des appels de fonction anonymes doivent être utilisés.

Bien qu'il soit tentant de passer une fonction comme argument pour une invocation ultérieure en omettant les crochets après son nom, cette approche comporte une mise en garde :

var a = "world";
setTimeout(alert("Hello" + a), 2000); // Displays "Hello world" immediately
Copier après la connexion

Pour garantir une exécution retardée, utilisez soit un nom de fonction (comme démontré par Flubba) ou une fonction anonyme, notamment lors du passage d'un paramètre :

var a = "world";
setTimeout(function() { alert("Hello" + a); }, 2000); // Displays "Hello world" after 2 seconds
Copier après la connexion

Cependant, cette alternative a une limitation : les variables peuvent changer pendant le délai, altérant la sortie de la fonction. Pour conserver la valeur de la variable d'origine, utilisez une fonction de rappel :

function callback(a) {
  return function() {
    alert("Hello" + a);
  }
}
var a = "world";
setTimeout(callback(a), 2000);
a = "Stack Overflow"; // This change won't affect the delayed function
Copier après la connexion

En incorporant la valeur de la variable d'origine dans la fonction de rappel, cela garantit que l'invocation retardée se produit avec la valeur prévue, même si elle a changé dans en attendant.

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal