Il existe deux types de minuteurs en JavaScript : 1. Un minuteur unique, défini à l'aide de la méthode setTimeout(), qui peut exécuter un bloc de code une fois après le temps spécifié (en millisecondes) ; 2. Un minuteur de boucle, en utilisant la méthode setInterval() ; définition pour exécuter certains codes à plusieurs reprises selon une période spécifiée (en millisecondes).
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
En JavaScript, nous pouvons utiliser des minuteries pour retarder l'exécution de certains codes, ou pour exécuter de manière répétée certains codes à intervalles fixes. Par exemple, vous pouvez utiliser une minuterie pour mettre à jour régulièrement les annonces sur la page ou afficher une horloge en temps réel, etc.
JavaScript fournit deux minuteries : setTimeout() et setInterval()
Méthode | Description |
---|---|
setTimeout() | Après le temps spécifié (unité : millisecondes), exécutez certains codes, le code ne fera que être exécuté une fois |
setInterval() | pour exécuter à plusieurs reprises certains codes en fonction de la période spécifiée (en millisecondes). Le minuteur ne s'arrêtera pas automatiquement à moins que la fonction clearInterval() ne soit appelée pour arrêter ou fermer manuellement le navigateur. window |
setTimeout()
La fonction JS setTimeout() est utilisée pour exécuter certains codes après l'heure spécifiée. Le code n'est exécuté qu'une seule fois.
Comment utiliser :
setTimeout(code,millisec)
code requis. La chaîne de code JavaScript à exécuter après la fonction à appeler.
millisec Obligatoire. Le nombre de millisecondes à attendre avant d'exécuter le code.
Exemple :
<html> <head> <meta charset="utf-8" /> </head> <body> <button id="button" onclick="click1()">获取验证码</button> <span id="span"></span> <script> var time = 10; var num; var button = document.getElementById("button"); var span = document.getElementById("span"); function click1() { //click是关键字,所有函数名改为click1 if (time == 0) { button.disabled = false; time = 10; span.innerHTML = ""; clearTimeout(num); } else { button.disabled=true; span.innerHTML = time + "秒后重新获得返回值"; time--; num = setTimeout("click1()",1000); } } </script> </body> </html>
setInterval()
La fonction JS setInterval() peut définir une minuterie qui peut être exécutée à plusieurs reprises. Chaque exécution doit attendre l'intervalle de temps spécifié.
Comment utiliser :
setInterval(code,millisec[,"lang"])
code requis. Une fonction à appeler ou une chaîne de code à exécuter.
millisec est un incontournable. L'intervalle de temps, en millisecondes, entre les exécutions périodiques ou les appels au code.
Exemple :
<html> <head> <meta charset="utf-8" /> </head> <body> <button id="button" onclick="set()">获取验证码</button> <span id="span"></span> <script> var time = 10; var num; var button = document.getElementById("button"); var span = document.getElementById("span"); function set() { num = setInterval("click()", 1000); button.disabled = true; } function click() { if (time == 0) { button.disabled = false; time = 10; span.innerHTML = ""; clearInterval(num); } else { span.innerHTML = time + "秒后重新获得返回值" time--; } } </script> </body> </html>
[Apprentissage recommandé : Tutoriel avancé javascript]
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!