Heim >Web-Frontend >js-Tutorial >Detaillierte Erklärung des JavaScript-Timers
In Javascript gibt es zwei spezielle Funktionen für Timer:
1. Countdown-Timer: timename=setTimeout("function();",delaytime>2. Schleifentimer: timename=setInterval("function();",delaytime);
Function() ist eine Ereignisfunktion, die ausgeführt wird, wenn der Timer ausgelöst wird. Es können auch mehrere sein Funktionen oder JavaScript-Anweisungen verwenden Sie einfach „; separate“; Verzögerungszeit ist die Intervallzeit in Millisekunden.
Ein Countdown-Timer löst ein Ereignis nach einer bestimmten Zeit aus, während ein Schleifentimer ein Ereignis wiederholt auslöst, wenn das Intervall erreicht ist. Der Unterschied besteht darin, dass ersterer nur einmal funktioniert, während letzterer kontinuierlich funktioniert.
Der Countdown-Timer wird im Allgemeinen verwendet, wenn die Seite nur einmal ausgelöst werden muss. Nach dem Klicken auf eine Schaltfläche springt die Seite beispielsweise nach einer bestimmten Zeitspanne zur entsprechenden Site Um festzustellen, ob es sich bei einem Besucher um Sie handelt, können Sie in 5 oder 10 Sekunden zur entsprechenden Website springen und ihm mitteilen, dass er irgendwo eine bestimmte Taste drücken kann, um schnell einzutreten er kommt in der Zukunft zurück.
Der Loop-Timer wird im Allgemeinen für Effekte verwendet, die wiederholt auf der Website ausgeführt werden müssen, z. B. eine JavaScript-Bildlaufleiste oder eine Statusleiste. Er kann auch verwendet werden, um den Hintergrund der Seite mit einem Bild darzustellen fliegender Schnee. Diese Ereignisse müssen in regelmäßigen Abständen ausgeführt werden.
Manchmal möchten wir auch einige hinzugefügte Timer entfernen. In diesem Fall können wir den Countdown-Timer mit „clearTimeout(timename)“ und den Loop-Timer mit „clearInterval(timename)“ ausschalten.
Beispiel 1:
setTimeout("alert('Drei Sekunden sind abgelaufen ' )",3000)
}
Beispiel 2:
<Script><script language="JavaScript" type="text/javascript"><p><br></p>var sec = 0;<p> timerID = setInterval("count()",1000);<br><br>function count() {</p> num.innerHTML = sec++;<p>}<br><br></Script>Verweildauer:
0Sekunden
Beispiel 3: