Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erklärung des JavaScript-Timers

Detaillierte Erklärung des JavaScript-Timers

高洛峰
高洛峰Original
2016-11-26 10:05:211398Durchsuche

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:



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:






Stellungnahme:
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