Comment créer une minuterie à l'aide d'événements planifiés en JavaScript-js tutoriel-php.cn

Comment créer une minuterie à l'aide d'événements planifiés en JavaScript

清浅

Libérer： 2021-04-21 15:08:44

original

3040 Les gens l'ont consulté

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.

Comment créer une minuterie à l'aide d'événements planifiés en JavaScript

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"])

Copier après la connexion

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>

Copier après la connexion

Comment créer une minuterie à laide dévénements planifiés en JavaScript

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!