Heim > Artikel > Web-Frontend > Methoden zum Stoppen der Ausführung von setInterval- und setTimeout-Ereignissen in JavaScript

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

高洛峰Original: 2017-02-08 16:02:001165Durchsuche

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>

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>

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Detaillierte Erläuterung der Verwendung von SetInterval und setTimeout in JavaScriptNächster Artikel：Detaillierte Erläuterung der Verwendung von SetInterval und setTimeout in JavaScript

In Verbindung stehende Artikel

Mehr sehen