Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der Verwendung von setInterval in JavaScript
setInterval(function,interval[,arg1,arg2,......argn]) setInterval(object,methodName,interval[,arg1,arg2,.....argn])Das erste Format ist die Standardsyntax der Funktion setInterval im Standardaktionsbereich und das zweite Format Im Expertenmodus wird die Aktionsmethode verwendet.
Der Parameter Funktion ist ein Funktionsname oder ein Verweis auf eine
anonyme Funktion. Der Objektparameter gibt ein von Objektobjekt abgeleitetes Objekt an. methodName gibt die aufzurufende Methode im Objektparameter an. Intervall gibt die Zeit zwischen zwei Aufrufen von Funktions- oder Methodennamen in Millisekunden an. Die folgenden arg1 usw. sind optionale Parameter, mit denen die an function oder methodName übergebenen Parameter angegeben werden.
setInterval Das festgelegte Zeitintervall ist kleiner als die Bildrate der Animation (z. B. 10 Bilder pro Sekunde, entsprechend 100 Millisekunden). Anschließend wird die Funktion in einem Zeitintervall aufgerufen, das dem Intervall möglichst nahe kommt.
Und die Aktion „updateAfterEvent“ muss verwendet werden, um sicherzustellen, dass der Bildschirm ausreichend häufig aktualisiert wird. Wenn das Intervall größer als die Bildrate der Animation ist, wird es nur jedes Mal aufgerufen, wenn der Abspielkopf in ein bestimmtes Bild eintritt, um die Auswirkungen jeder Bildschirmaktualisierung zu verringern.
Das folgende Beispiel ruft jede Sekunde eine anonyme Funktion auf.
setInterval(function(){trace("每隔1秒钟我就会显示一次")},1000);//这里的function(){}是没有函数名的函数。成为匿名函数,后面的1000是时间间隔,单位是毫秒。Das folgende Beispiel zeigt uns, wie es mit Parametern ausgeführt wird.
function show1(){ trace("每隔1秒显示一次"); } function show2(str){ trace(str); } setInterval(show1,1000);setInterval(show2,2000, „Ich werde es alle 2 Sekunden anzeigen“); Die setInterval-Methode der Funktion wurde oben vorgestellt.
Im Folgenden stellen wir die setInterval-Methode des Objekts vor.
Schreiben Sie zunächst ein Beispiel für den Aufruf der setInterval-Methode eines Objekts in einer Aktion. Für dieses Beispiel sind keine Parameterübergaben erforderlich.
myobj=new Object();//创建一个新的对象 myobj.interval=function){ trace("每隔1秒显示一次"); }//创建对象的方法。 setInterval(myobj,"interval",1000);//设定时间间隔调用对象的方法。Als nächstes stellen wir vor, wie Parameter übergeben werden. Tatsächlich ist das Prinzip das gleiche wie bei der Übergabe von Funktionsparametern.
myobj=new Object(); myobj.interval-function(str){ trace(str); } setInterval(myobj,"interval",2000," 每隔2秒我就会显示一次");Achtung. Wenn Sie für ein Objekt definierte Methoden aufrufen möchten, müssen Sie im Expertenmodus das zweite Syntaxformat verwenden.
In diesem Fall erstellen wir einen Bildschirm, der die Uhrzeit dynamisch anzeigt. Dies kann mit dem folgenden Code erreicht werden.
setInterval(show,1000); function show(){ time=new Date(); hour=time.getHours(); minu=time.getMinutes(); sec=time.get.Seconds(); datetime=hour+":"+minu+":"+sec; }//这里的datetime是一个动态文本框的变量名字。So wie es aussieht, sollte jeder die setInterval-Methode sehr gut gelernt haben. Jetzt lernen wir die Aktion „clearInterval.
clearInterval“, um den Aufruf der Funktion „setInterval“ zu löschen. Die Syntax lautet wie folgt: „clearInterval(intervalid)“ ist das Objekt, das nach dem Aufruf der Funktion „setInterval“ zurückgegeben wird.
Hier ist ein einfaches Beispiel.
function show(){ trace("每隔一秒显示一次"); } var sh; sh=setInterval(show,1000); clearInterval(sh);
Zusammenfassung:
Ich glaube, dass meine Freunde durch das detaillierte Studium dieses Artikels mit dem vertraut sein werden Verwendung von setInterval in JavaScript Wenn Sie mehr darüber wissen, hoffe ich, dass es für Ihre Arbeit hilfreich ist!Verwandte Empfehlungen:
JS SetInterval So implementieren Sie das Tutorial zur Seitenabfrage
Verwendungsbeispiele für setInterval und setTimeout in js
js verwendet setInterval, um den Countdown zu implementieren
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung von setInterval in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!