Heim > Web-Frontend > js-Tutorial > Hauptteil

Der Unterschied zwischen den Timern setTimeout() und setInterval() in JavaScript

藏色散人
Freigeben: 2019-04-09 10:15:00
Original
5043 Leute haben es durchsucht

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 : 表示执行前的毫秒数.
Nach dem Login kopieren

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(&#39;欢迎来到PHP中文网!&#39;);
    }
</script>

</body>
</html>
Nach dem Login kopieren

Ausgabe:

Sobald der Benutzer die Schaltfläche „Press Me“ drückt, wird nach einer Pause von 2 Sekunden ein Feld angezeigt auftauchen.

Der Unterschied zwischen den Timern setTimeout() und setInterval() in JavaScript

Der Unterschied zwischen den Timern setTimeout() und setInterval() in JavaScript

setInterval()-Methode

setInterval()-Methode für jede gegebene Methode Wiederholt eine gegebene Funktion in Intervallen.

Syntax:

window.setInterval(function, milliseconds);

function : 第一个参数是要执行的函数
milliseconds :表示每次执行之间的时间间隔的长度。
Nach dem Login kopieren

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>
Nach dem Login kopieren

Eine neue „Hallo“-Nachricht wird jede Sekunde angezeigt.

Der Unterschied zwischen den Timern setTimeout() und setInterval() in JavaScript

Dann:

Der Unterschied zwischen den Timern setTimeout() und setInterval() in JavaScript

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage