Timer sind ein wichtiger Aspekt jeder Programmiersprache. Wie wir wissen, ist Zeit Geld. In diesem Artikel erfahren Sie, wie Sie Timer in JavaScript implementieren und damit arbeiten:
Arbeiten mit Timern in JavaScript
Ein Timer ist eine Funktion, mit der wir eine Funktion zu einem bestimmten Zeitpunkt ausführen können.Mit Timern können Sie die Ausführung von Code verzögern, sodass er nicht genau in dem Moment ausgeführt wird, in dem ein Ereignis ausgelöst oder die Seite geladen wird. Sie können beispielsweise Timer verwenden, um die Werbebanner auf Ihrer Website in regelmäßigen Abständen zu ändern oder eine Echtzeituhr usw. anzuzeigen.
In JavaScript gibt es eine Timer-Funktion:setTimeout ()
Der folgende Abschnitt zeigt Ihnen, wie Sie Timer erstellen, um Code zu verzögernAusführung sowie wiederholte Ausführung einer oder mehrerer Aktionen mit dieser Funktion in JavaScript.
Window setTimeout () -Methode
Definition und Verwendung:
Die Methode setTimeout () ruft eine Funktion auf oder wertet einen Ausdruck nach einer bestimmten Anzahl von Millisekunden aus.
TRINKGELD:
- 1000 ms = 1 Sekunde.
- Die Funktion wird nur einmal ausgeführt. Wenn Sie die Ausführung wiederholen müssen, verwenden Sie die
setInterval ()Methode. - Verwenden Sie die
clearTimeout ()Methode, um zu verhindern, dass die Funktion ausgeführt wird.
Diese Funktion akzeptiert zwei Parameter: a Funktion Dies ist die auszuführende Funktion und eine optionale verzögern Parameter, der die Anzahl der Millisekunden angibt, die die Wartezeit vor der Ausführung der Funktion darstellt (1 Sekunde = 1000 Millisekunden).
Rückgabewert: Es wird eine Zahl zurückgegeben, die den ID-Wert des eingestellten Timers darstellt.
Code: Timer in JavaScript
Hier ist der Code für Timer in JavaScript, der den Timer auf 2 Minuten festlegt und wenn die Zeiten hoch sind, wird die Seite 'mal' angezeigt. DassetTimeout ()Die Methode ruft eine Funktion auf oder wertet einen Ausdruck nach einer bestimmten Anzahl von Millisekunden aus.
// Minuten setzen
var min = 2
// Berechne die Sekunden
var secs = min * 60
// Countdown-Funktion wird beim Laden der Seite aufgerufen
Funktionscountdown () {
setTimeout ('Decrement ()', 60)
PHP, wie man Array druckt
}}
// Dekrementierungsfunktion dekrementiert den Wert.
Funktion Decrement () {
if (document.getElementById) {
Minuten = document.getElementById ('Minuten')
Sekunden = document.getElementById ('Sekunden')
// wenn weniger als eine Minute übrig ist
// Nur Sekundenwert anzeigen.
if (Sekunden<59) {
Sekunden.Wert = Sek
}}
// Zeige sowohl Minuten als auch Sekunden an
// getminutes und getseconds sind es gewohnt
// Minuten und Sekunden abrufen
sonst {
Minuten.Wert = getminutes ()
seconds.value = getseconds ()
}}
// wenn weniger als eine Minute übrig ist
// Farbe der Minuten und Sekunden
// wechselt zu rot
if (min<1) {
Minuten.Stil.Farbe = 'rot'
seconds.style.color = 'rot'
}}
// wenn Sekunden Null werden,
// dann Zeit für Seitenalarm
if (min<0) {
Alarm ('Zeit ab')
Minutenwert = 0
Sekunden.Wert = 0
}}
So legen Sie den Klassenpfad in Java über die Eingabeaufforderung fest
// Wenn Sekunden> 0, werden Sekunden dekrementiert
sonst {
trocken--
setTimeout ('Decrement ()', 1000)
}}
}}
}}
Funktion getminutes () {
// Minuten sind Sekunden geteilt durch 60, abgerundet
min = Math.floor (secs / 60)
Minuten zurück
}}
Funktion getseconds () {
// Minuten (als Sekunden) wegnehmen
// von insgesamt verbleibenden Sekunden
return secs - Math.round (min * 60)
}}
Übrige Zeit ::
:
Wenn weniger als eine Minute verbleibt, wechselt die Timerfarbe zu Rot.
Damit haben wir ein Ende dieses Timers in JavaScript-Artikels. C. verdammt noch mal von Edureka, einem vertrauenswürdigen Online-Lernunternehmen mit einem Netzwerk von mehr als 250.000 zufriedenen Lernenden auf der ganzen Welt.
Hast du eine Frage an uns? Bitte erwähnen Sie es im Kommentarbereich dieser Abhängigkeitsinjektion in AngularJs und wir werden uns bei Ihnen melden.