Maison > Article > interface Web > Quelles sont les minuteries en javascript
Quelles sont les minuteries en javascript
- 青灯夜游original
- 2021-11-26 18:04:224415parcourir
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!