Méthodes pour arrêter l'exécution des événements setInterval et setTimeout en JavaScript-js tutoriel-php.cn

Méthodes pour arrêter l'exécution des événements setInterval et setTimeout en JavaScript

高洛峰

Libérer： 2017-02-08 16:02:00

original

1191 Les gens l'ont consulté

Cet article présente principalement la méthode d'arrêt de l'exécution des événements setInterval et setTimeout en JavaScript. Cet article donne un exemple de code d'opération et une introduction à la syntaxe. Les amis dans le besoin peuvent se référer à ce qui suit

Lors de l'exécution d'événements de boucle. dans le code js, les deux méthodes setInterval et setTimeout sont souvent utilisées. Les détails de ces deux méthodes ne seront pas discutés en détail ici. Je vais brièvement partager comment fonctionner lorsque vous devez arrêter l'événement de boucle.

(1) La méthode setInterval peut appeler une fonction ou calculer une expression selon une période spécifiée (en millisecondes). Pour arrêter cette méthode, utilisez la méthode clearInterval. L'exemple spécifique est le suivant :

Copier le code Le code est le suivant :

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>
<input type="text" id="clock" size="50" />
<script language=javascript>
var int=self.setInterval("clock()",50);//每隔 50 毫秒调用 clock() 函数
function clock(){
 var t=new Date();
 document.getElementById("clock").value=t;
}
</script>
<button onclick="window.clearInterval(int)">停止 interval</button>
</body>
</html>

Copier après la connexion

Syntaxe clearInterval(id_of_setinterval)

Le paramètre id_of_setinterval représente la valeur ID renvoyée par setInterval().

La méthode clearInterval() peut annuler le délai d'attente défini par setInterval() ; le paramètre de la méthode clearInterval() doit être la valeur ID renvoyée par setInterval().

(2) La méthode setTimeout est utilisée pour appeler une fonction ou calculer une expression après un nombre spécifié de millisecondes. Cette méthode peut être arrêtée à l'aide de la méthode clearTimeout. Des exemples spécifiques sont les suivants :

Astuce : setTimeout() n'exécute le code qu'une seule fois. Si vous souhaitez l'appeler plusieurs fois, utilisez setInterval() ou demandez au code lui-même d'appeler à nouveau setTimeout().

Copier le code Le code est le suivant :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var c=0;
var t;
function timedCount(){
 document.getElementById(&#39;txt&#39;).value=c;
 c=c+1;
 t=setTimeout("timedCount()",1000);
}
function stopCount(){
 clearTimeout(t);
}
</script>
</head>
<body>
<input type="button" value="开始计数" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="停止计数" onClick="stopCount()">
</body>
</html>

Copier après la connexion

clearTimeout() la méthode peut être annulée Le délai d'attente défini par la méthode setTimeout().

Syntaxe clearTimeout(id_of_settimeout)

Le paramètre id_of_setinterval représente la valeur ID renvoyée par setTimeout(). Cette valeur identifie le bloc de code d'exécution différée à annuler.

Pour plus d'articles sur la façon d'arrêter l'exécution des événements setInterval et setTimeout en JavaScript, veuillez faire attention au site Web PHP chinois !