Maison > interface Web > js tutoriel > Fonctions de minuterie principale et exécution différée en JavaScript

Fonctions de minuterie principale et exécution différée en JavaScript

王林
Libérer: 2023-11-03 16:15:21
original
1393 Les gens l'ont consulté

Fonctions de minuterie principale et exécution différée en JavaScript

Pour maîtriser la fonction timer et l'exécution différée en JavaScript, vous avez besoin d'exemples de code spécifiques

En JavaScript, nous rencontrons souvent des situations où nous devons exécuter certains codes de manière planifiée. À ce stade, vous devez utiliser des fonctions de minuterie et des techniques d'exécution différée pour terminer la tâche.

JavaScript fournit deux fonctions de minuterie : setInterval() et setTimeout(). La fonction setInterval() peut exécuter à plusieurs reprises un morceau de code à un intervalle de temps spécifié, tandis que la fonction setTimeout() exécute un morceau de code après un temps spécifié.

Voici des exemples spécifiques d'utilisation de ces deux fonctions :

  1. Utilisez la fonction de minuterie setInterval()
    La fonction setInterval() peut exécuter à plusieurs reprises une fonction ou un bloc de code à un intervalle de temps spécifié. Voici un exemple d'utilisation de la fonction setInterval() pour afficher "Hello World!" toutes les secondes :
function sayHello() {
  console.log("Hello World!");
}

setInterval(sayHello, 1000);
Copier après la connexion

Dans le code ci-dessus, nous définissons une fonction nommée sayHello() pour afficher "Hello World!" Utilisez ensuite la fonction setInterval(), transmettez la fonction sayHello en tant que paramètre et spécifiez l'intervalle de temps sur 1 000 millisecondes (c'est-à-dire 1 seconde). De cette façon, la fonction sayHello sera exécutée toutes les 1 seconde.

  1. Utilisez la fonction de minuterie setTimeout()
    La fonction setTimeout() peut exécuter une fonction ou un bloc de code après une heure spécifiée. Ce qui suit est un exemple d'utilisation de la fonction setTimeout() pour retarder 3 secondes puis afficher "Hello World!" :
function sayHello() {
  console.log("Hello World!");
}

setTimeout(sayHello, 3000);
Copier après la connexion

Dans le code ci-dessus, nous définissons également une fonction nommée sayHello() pour afficher "Hello World!" . Passez ensuite la fonction sayHello en paramètre via la fonction setTimeout() et spécifiez le temps de retard sur 3000 millisecondes (soit 3 secondes). De cette façon, après 3 secondes, la fonction sayHello sera exécutée.

En plus de transmettre directement des fonctions en tant que paramètres, nous pouvons également utiliser des fonctions anonymes pour transmettre des blocs de code. Voici un exemple d'utilisation d'une fonction anonyme :

setTimeout(function() {
  console.log("Hello World!");
}, 3000);
Copier après la connexion

Dans le code ci-dessus, nous utilisons une fonction anonyme comme paramètre de la fonction setTimeout(). Il n'y a qu'une seule ligne de code à l'intérieur de cette fonction anonyme, qui est utilisée pour afficher "Hello World!". De même, cette fonction anonyme sera exécutée au bout de 3 secondes.

Résumé
Les fonctions de minuterie setInterval() et setTimeout() sont largement utilisées en JavaScript et peuvent nous aider à réaliser la nécessité d'exécuter du code régulièrement. En apprenant et en maîtrisant leur utilisation, nous pouvons mieux répondre aux besoins des diverses tâches planifiées et les utiliser de manière flexible en conjonction avec des scénarios commerciaux spécifiques.

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!

Étiquettes associées:
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