Timers zijn een belangrijk aspect van elke programmeertaal. Zoals we weten is tijd geld. Dus in dit artikel zullen we zien hoe we timers in JavaScript kunnen implementeren en gebruiken:
Werken met timers in JavaScript
Een timer is een functie waarmee we een functie op een bepaald moment kunnen uitvoeren.Met behulp van timers kunt u de uitvoering van code vertragen, zodat deze niet precies op het moment dat een gebeurtenis wordt geactiveerd of de pagina wordt geladen, wordt gedaan. U kunt bijvoorbeeld timers gebruiken om de advertentiebanners op uw website met regelmatige tussenpozen te wijzigen, of een realtime klok weergeven, enz.
Er is een timerfunctie in JavaScript:setTimeout ()
In de volgende sectie wordt uitgelegd hoe u timers kunt maken om code te vertragenuitvoering en hoe u een of meer acties herhaaldelijk uitvoert met behulp van deis-functie in JavaScript.
Venster setTimeout () - methode
Definitie en gebruik:
De methode setTimeout () roept een functie aan of evalueert een uitdrukking na een opgegeven aantal milliseconden.
TIP:
- 1000 ms = 1 seconde.
- De functie wordt maar één keer uitgevoerd. Als u de uitvoering moet herhalen, gebruikt u de
setInterval ()methode. - Gebruik de
clearTimeout ()methode om te voorkomen dat de functie wordt uitgevoerd.
Deze functie accepteert twee parameters: a functie , wat de functie is die moet worden uitgevoerd, en een optioneel vertraging parameter, wat het aantal milliseconden is dat de hoeveelheid tijd aangeeft die moet worden gewacht voordat de functie wordt uitgevoerd (1 seconde = 1000 milliseconden).
Winstwaarde: Het retourneert een getal dat de ID-waarde vertegenwoordigt van de timer die is ingesteld.
Code: Timers in JavaScript
Hier is de code voor Timers in JavaScript die de timer instelt op 2 minuten en wanneer de tijden omhoog gaan, wordt de pagina-waarschuwing 'verstreken'. DesetTimeout ()method roept een functie aan of evalueert een uitdrukking na een opgegeven aantal milliseconden.
// minuten instellen
var min = 2
// bereken de seconden
var sec = minuten * 60
// countdown-functie wordt opgeroepen wanneer de pagina wordt geladen
functie countdown () {
setTimeout ('Decrement ()', 60)
}
// Verlagingsfunctie verlaagt de waarde.
functie Decrement () {
if (document.getElementById) {
minutes = document.getElementById ('minuten')
seconden = document.getElementById ('seconden')
// als er minder dan een minuut resteert
// Alleen secondenwaarde weergeven.
if (seconden<59) {
seconds.value = sec
}
// Geef zowel minuten als seconden weer
// getminutes en getseconds is gewend
// krijg minuten en seconden
anders {
minutes.value = getminutes ()
seconds.value = getseconds ()
}
// wanneer er minder dan een minuut resteert
// kleur van de minuten en seconden
// verandert in rood
if (min<1) {
minutes.style.color = 'rood'
seconds.style.color = 'rood'
}
// als seconden nul wordt,
// dan pagina alert time up
if (min<0) {
alert ('time up')
minuten. waarde = 0
abstracte klasse en interface-verschil
seconden. waarde = 0
}
// als seconden> 0 dan worden seconden verlaagd
anders {
droog--
setTimeout ('Decrement ()', 1000)
}
}
}
functie getminutes () {
// minuten is seconden gedeeld door 60, afgerond naar beneden
minuten = Math.floor (sec / 60)
terug min
}
functie getseconds () {
// neem de resterende minuten (als seconden) weg
// van het totale aantal resterende seconden
retourneer seconden - Math.round (minuten * 60)
}
Tijd over ::
:
Als er minder dan een minuut resteert, verandert de kleur van de timer in rood.
Hiermee komen we aan het einde van dit Timers in JavaScript-artikel. C ach uit de door Edureka, een vertrouwd online leerbedrijf met een netwerk van meer dan 250.000 tevreden leerlingen verspreid over de hele wereld.
Heeft u een vraag voor ons? Vermeld het in het opmerkingengedeelte van deze afhankelijkheidsinjectie in AngularJs en we nemen contact met u op.