Utilisation par la minuterie de setTimeOut et setInterval dans les compétences Javascript_javascript

Les fonctions setTimeOut et setInterval de Javascript sont largement utilisées. Elles sont utilisées pour gérer des tâches retardées et planifiées. Par exemple, une boîte de connexion apparaît après l'ouverture d'une page Web pendant un certain temps, et la page envoie des requêtes asynchrones pour obtenir l'information. dernières données à intervalles réguliers, etc. Mais leurs applications sont différentes.

La méthode setTimeout() est utilisée pour appeler une fonction ou une expression calculée après un nombre spécifié de millisecondes, tandis que setInterval() boucle pour appeler une fonction ou une expression tous les nombres spécifiés de millisecondes jusqu'à ce que clearInterval l'efface. En d’autres termes, setTimeout() n’est exécuté qu’une seule fois et setInterval() peut être exécuté plusieurs fois. Les paramètres des deux fonctions sont également les mêmes. Le premier paramètre est le code ou le handle à exécuter, et le deuxième paramètre est le nombre de millisecondes à retarder.
Utilisation de setTimeOut
L'utilisation de la fonction setTimeout est la suivante :

Copier le code Le code est le suivant :

var timeoutID = window.setTimeout(func, [delay, param1, param2, ...]); var timeoutID = window.setTimeout(code, [délai]);

timeoutID : numéro d'identification du timer, qui peut être utilisé pour effacer le timer dans la fonction clearTimeout().

func : la fonction en cours d'exécution.
code : (syntaxe alternative) une chaîne de code à exécuter.
delay : temps de retard, en millisecondes. S’il n’est pas spécifié, la valeur par défaut est 0.

Nous pouvons utiliser window.setTimeout ou setTimeout. Les deux méthodes d'écriture sont fondamentalement les mêmes, sauf que window.setTimeout fait référence à la fonction setTimeout en tant que propriété de l'objet window global.

Exemple d'application :

Copier le code Le code est le suivant :

fonction timeout(){
Document.getElementById('res').innerHTML=Math.floor(Math.random()*100 1); }
setTimeout("timeout()",5000);

Lorsque le code est exécuté, la fonction timeout() sera appelée après 5 secondes. Cliquez pour voir la démonstration. Utilisation de setInterval

Les paramètres et l'utilisation de la fonction setInterval sont les mêmes que ceux de la fonction setTimeout. Veuillez vous référer à l'introduction à l'utilisation de la fonction setTimeout ci-dessus. La différence est que setInterval exécute la fonction ou le code à intervalles réguliers.
Exemple d'application :

Copier le code Le code est le suivant :

vartt = 10 ;

fonction timego(){
tt--;
Document.getElementById("tt").innerHTML = tt; Si(tt==0){
           window.location.href='/'
         return false ;
}
}
var timer = window.setInterval("timego()",1000
);


La fonction timego() définit le contenu affiché par l'élément de page #tt Lorsque tt vaut 0, la page est dirigée vers la page d'accueil. Ensuite, nous définissons un minuteur et utilisons setInterval() pour appeler timego() toutes les secondes. De cette façon, timego sera exécuté 10 fois, et à chaque fois le nombre tt sera réduit de 1 jusqu'à ce qu'il soit 0. Ensuite si vous souhaitez arrêter le chrono, vous pouvez utiliser le code suivant :

Copier le code Le code est le suivant : window.clearInterval(timer);

Lorsque le code est exécuté, la page passera à la page d'accueil après 10 secondes

En fait, setTimeout() peut également exécuter une fonction de manière répétée à intervalles réguliers, mais nous utilisons toujours simplement setTimeOut et setInterval différemment. De plus, JavaScript s'exécute dans le moteur JavaScript du navigateur de manière monothread. Dans les applications réelles, les tâches complexes doivent être mises en file d'attente pour être exécutées, ce qui peut entraîner des minuteries inexactes. Ce problème doit être pris en compte dans les applications à grande échelle. l'article ne fait pas de recherches approfondies.

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.