Heim > Artikel > Web-Frontend > Der Unterschied zwischen den Timern setTimeout() und setInterval() in JavaScript
Der Unterschied zwischen den Timern setTimeout() und setInterval() in JavaScript
- 藏色散人Original
- 2019-04-09 10:13:194944Durchsuche
In diesem Artikel werden Ihnen die Unterschiede zwischen den beiden Timern setTimeout() und setInterval() in JavaScript vorgestellt. (Empfohlen: „Javascript-Tutorial“)
setTimeout()-Methode
setTimeout()-Methode führt eine Funktion aus, nachdem auf die angegebene Anzahl von gewartet wurde Millisekunden.
Syntax:
window.setTimeout(function, milliseconds); function : 第一个参数是要执行的函数 milliseconds : 表示执行前的毫秒数.
Zum Beispiel möchten wir, dass 2 Sekunden, nachdem der Benutzer auf die Schaltfläche „Klicken!“ klickt, ein Eingabeaufforderungsfeld angezeigt wird.
Der Javascript-Code lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<button onclick="setTimeout(gfg, 2000);">点击我！</button>
<script>
function gfg()
{
alert('欢迎来到PHP中文网！');
}
</script>
</body>
</html>Ausgabe:
Sobald der Benutzer die Schaltfläche „Press Me“ drückt, wird nach einer Pause von 2 Sekunden ein Feld angezeigt auftauchen.
setInterval()-Methode
setInterval()-Methode für jede gegebene Methode Wiederholt eine gegebene Funktion in Intervallen.
Syntax:
window.setInterval(function, milliseconds); function : 第一个参数是要执行的函数 milliseconds :表示每次执行之间的时间间隔的长度。
Das Codebeispiel lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>我会说“你好”很多次！</p>
<p id="GFG"></p>
<script>
var myVar = setInterval(myTimer, 1000);
function myTimer()
{
document.getElementById("GFG").innerHTML += "<p>你好</p>";
}
</script>
</body>
</html>Eine neue „Hallo“-Nachricht wird jede Sekunde angezeigt.
Dann:
In diesem Artikel geht es um die beiden Timer setTimeout() und setInterval() in JavaScript. Die Unterschiede Ich hoffe, dass es Freunden in Not hilfreich sein wird!
Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen den Timern setTimeout() und setInterval() in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!