Heim > Artikel > Web-Frontend > Was ist die Methode zum Implementieren von Intervallen und Verzögerungen in Javascript?
In JavaScript können Sie die Timer-Methode setInterval() verwenden, um Intervall- und Verzögerungseffekte zu erzielen. Diese Methode wird verwendet, um zyklisch Funktionen aufzurufen oder Ausdrücke gemäß einem angegebenen Zeitraum (in Millisekunden) zu berechnen. Die Codezeichenfolge oder Funktion, die aufgerufen werden muss‘, Millisekunden)“.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
In JavaScript können Sie die Timer-Methode setInterval() verwenden, um Intervall- und Verzögerungseffekte zu erzielen.
Beispiel: „Hallo“ erscheint nach einer Verzögerung von 3 Sekunden (3000 Millisekunden)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p>点击按钮,3 秒后会弹出 "Hello"。</p> <button onclick="myFunction()">点我</button> <script> function myFunction() { setTimeout(function(){ alert("Hello"); }, 3000); } </script> </body> </html>
Beschreibung: Die Methode
setInterval() kann eine Funktion aufrufen oder einen Ausdruck gemäß dem angegebenen Zeitraum (in Millisekunden) berechnen ). Die Methode
setInterval() ruft die Funktion so lange auf, bis clearInterval() aufgerufen oder das Fenster geschlossen wird. Der von setInterval() zurückgegebene ID-Wert kann als Argument für die Methode clearInterval() verwendet werden.
Syntax
setInterval(code,millisec[,"lang"])
Parameter | Beschreibung |
---|---|
Code | Erforderlich. Eine aufzurufende Funktion oder eine auszuführende Codezeichenfolge. |
millisec | 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 periodische Ausführung von Code abzubrechen.
Beispiel:
<!DOCTYPE html> <html> <body> <div id="clock"></div> <script language=javascript> var int= self.setInterval("clock()",50) function clock() { var t=new Date() document.getElementById("clock").innerHTML=t } </script> </form> </body> </html>
Rendering:
[Verwandte Empfehlungen: Javascript-Lerntutorial]
Das obige ist der detaillierte Inhalt vonWas ist die Methode zum Implementieren von Intervallen und Verzögerungen in Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!