Methoden zum Stoppen der Ausführung von setInterval- und setTimeout-Ereignissen in JavaScript-js-Tutorial-php.cn

Methoden zum Stoppen der Ausführung von setInterval- und setTimeout-Ereignissen in JavaScript

高洛峰

Freigeben： 2017-02-08 16:02:00

Original

1190 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Methode zum Stoppen der Ausführung von setInterval- und setTimeout-Ereignissen in JavaScript vorgestellt. Dieser Artikel enthält den Operationsbeispielcode und die Syntaxeinführung.

Beim Ausführen von Schleifenereignissen in js Code, Die beiden Methoden setInterval und setTimeout werden hier nicht im Detail besprochen. Ich werde kurz erläutern, wie Sie vorgehen, wenn Sie das Schleifenereignis stoppen müssen.

(1) Die setInterval-Methode kann eine Funktion aufrufen oder einen Ausdruck gemäß einem angegebenen Zeitraum (in Millisekunden) berechnen. Um diese Methode zu stoppen, verwenden Sie die clearInterval-Methode. Das konkrete Beispiel lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

<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>

Nach dem Login kopieren

Syntax clearInterval(id_of_setinterval)

Der Parameter id_of_setinterval stellt den von setInterval() zurückgegebenen ID-Wert dar.

Die Methode „clearInterval()“ kann das von setInterval() festgelegte Zeitlimit aufheben; der Parameter der Methode „clearInterval()“ muss der von setInterval() zurückgegebene ID-Wert sein.

(2) Die setTimeout-Methode wird verwendet, um nach einer angegebenen Anzahl von Millisekunden eine Funktion aufzurufen oder einen Ausdruck zu berechnen. Diese Methode kann mit der Methode „clearTimeout“ gestoppt werden. Konkrete Beispiele sind wie folgt:

Tipp: setTimeout() führt Code nur einmal aus. Wenn Sie es mehrmals aufrufen möchten, verwenden Sie setInterval() oder lassen Sie den Code selbst setTimeout() erneut aufrufen.

Code kopieren Der Code lautet wie folgt:

<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>

Nach dem Login kopieren

clearTimeout() Methode kann abgebrochen werden Das von der setTimeout()-Methode festgelegte Zeitlimit.

Syntax clearTimeout(id_of_settimeout)

Parameter id_of_setinterval stellt den von setTimeout() zurückgegebenen ID-Wert dar. Dieser Wert identifiziert den Codeblock mit verzögerter Ausführung, der abgebrochen werden soll.

Weitere verwandte Artikel zum Stoppen der Ausführung von setInterval- und setTimeout-Ereignissen in JavaScript finden Sie auf der chinesischen PHP-Website!