Maison > Article > interface Web > Comment créer une minuterie à l'aide d'événements planifiés en JavaScript
Comment créer une minuterie à l'aide d'événements planifiés en JavaScript
- 清浅original
- 2018-11-24 13:44:042976parcourir
En JavaScript, vous pouvez créer des effets de minuterie via les événements planifiés setInterval et clearInterval. La méthode setInterval appelle une fonction ou calcule une expression en fonction d'une période spécifiée.
L'environnement d'exploitation de cet article : système Windows 7, javascript version 1.8.5, ordinateur Dell G3.
Aujourd'hui, je vais partager avec vous les connaissances sur les minuteries en JavaScript. Elles ont une certaine valeur de référence et j'espère qu'elles seront utiles à tout le monde.
Un simple effet de minuterie peut être créé via les événements planifiés setInterval et clearInterval() en JavaScript, qui seront présentés en détail dans l'article suivant. La méthode
setInterval()
consiste à appeler une fonction ou à calculer une expression en fonction de la période spécifiée (en millisecondes).
setInterval(code,millisec[,"lang"])
code : la fonction à appeler ou le code à exécuter
millisec : l'intervalle de temps entre les exécutions périodiques ou les appels de code, en millisecondes
Si le La méthode setInterval() est appelée, elle continuera à appeler la fonction jusqu'à ce que la fonction clearInterval() apparaisse ou que la fenêtre soit fermée, et la valeur ID renvoyée par setInterval() peut être utilisée comme paramètre de la méthode clearInterval().
Mais le timing de la méthode setInterval() a une certaine erreur
La méthode setTimeout()
est utilisée pour appeler une fonction après un nombre spécifié de millisecondes ou Calculez l'expression, mais appelez-la une seule fois. Il existe également la méthode clearTimeout() pour effacer setTimeout() afin d'arrêter l'exécution
Partage de cas
Utilisez la méthode setInterval() Écrivez une minuterie dans les deux minutes
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
input{
width:100px;
height:40px;
background:pink;
color:#fff;
font-size: 20px;
text-align: right;
}
</style>
</head>
<body>
分钟：<input type="text" value="0">
秒数：<input type="text" value="0">
<script src="tool.js"></script>
<script>
var minutes=document.getElementsByTagName("input")[0];
var seconds=document.getElementsByTagName("input")[1];
var minutes1=0;
var seconds1=0;
var timer=setInterval(function(){
//秒数自增，当秒数增加到60时分钟自增，秒数清零
seconds1++;
if(seconds1==60)
{
seconds1=0;
minutes1++;
}
minutes.value=minutes1;
seconds.value=seconds1;
if(minutes1==2)//到两分钟的时候定时器清除
{
clearInterval(timer);
}
},100)
</script>
</body>
</html>
Résumé : ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à tout le monde d'apprendre les événements chronométrés.
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!