Heim  >  Artikel  >  Web-Frontend  >  Beispiele für die Verwendung von setInterval und setTimeout in js_Grundkenntnisse

Beispiele für die Verwendung von setInterval und setTimeout in js_Grundkenntnisse

WBOY
WBOYOriginal
2016-05-16 16:49:081352Durchsuche

setInterval() Definition und Verwendung

Die setInterval()-Methode führt eine Funktion oder einen Ausdruck in einem angegebenen Zeitraum (in Millisekunden) aus. Diese Methode ruft die Funktion weiterhin in einer Schleife auf, bis die Funktion explizit mit „clearInterval()“ gestoppt oder das Fenster geschlossen wird. Der Parameter der Funktion „clearInterval()“ ist der von setInterval() zurückgegebene ID-Wert.

Grammatik

setInterval(code,millisec[,"lang"])
Code erforderlich. Eine aufzurufende Funktion oder eine auszuführende Codezeichenfolge.
Millisec ist ein Muss. Das Zeitintervall (in Millisekunden) zwischen periodischen Ausführungen oder Codeaufrufen.

Rückgabewert

Ein Wert, der an Window.clearInterval() übergeben werden kann, um die regelmäßige Ausführung von Code abzubrechen.

Verwendungsbeispiel:

Code kopieren Der Code lautet wie folgt:




< input type="text" id="clock" size="35" />

< ;/form> ;



setTimeout() Definition und Verwendung

Die Methode setTimeout() wird verwendet, um eine Funktion oder einen berechneten Ausdruck nach einer bestimmten Anzahl von Millisekunden aufzurufen. Der Unterschied zwischen dieser Methode und der Methode setInterval() besteht darin, dass diese Methode nur einmal ausgeführt wird.

Syntax

setTimeout(code,millisec)
Code erforderlich. Die Zeichenfolge des JavaScript-Codes, der nach der aufzurufenden Funktion ausgeführt werden soll.
Millisekunden erforderlich. Die Anzahl der Millisekunden, die vor der Ausführung des Codes gewartet werden soll, in Millisekunden.

Tipps:
(1) Obwohl setTimeout() den Code nur einmal ausführt. Wenn Sie es jedoch mehrmals aufrufen müssen, können Sie zusätzlich zur Verwendung von setInterval () auch den ausgeführten Code selbst die Methode setTimeout () erneut aufrufen lassen, um den Zweck mehrerer Ausführungen zu erreichen.
(2) Darüber hinaus kann die Methode setTimeout() auch einen ID-Wert zurückgeben, um die Verwendung der Methode clearInterval() zu erleichtern und die Verwendung der Methode setTimeout() abzubrechen.

Verwendungsbeispiel:

Code kopieren Der Code lautet wie folgt:




< script type="text/javascript">
function timedMsg(){
var t=setTimeout("alert('3 seconds up!')",3000);
}
function timedMsgAways(){
alarm('3 seconds up!');
var t=setTimeout("timedMsgAways()",3000);
}




< br />



Für diese beiden Methoden ist zu beachten, dass es am besten ist, setInterval zu verwenden, wenn es erforderlich ist, eine Aktion nach jedem festgelegten Zeitintervall genau auszuführen, und wenn Sie keine gegenseitige Beeinträchtigung durch kontinuierliche Aufrufe verursachen möchten Insbesondere wenn jeder Funktionsaufruf umfangreiche Berechnungen und eine lange Verarbeitungszeit erfordert, ist es am besten, setTimeout zu verwenden.

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