Timers är en viktig aspekt av alla programmeringsspråk. Som vi vet är tid pengar. Så i den här artikeln kommer vi att se hur man implementerar och arbetar med timers i JavaScript:
Arbeta med timers i JavaScript
En timer är en funktion som gör att vi kan utföra en funktion vid en viss tidpunkt.Med hjälp av timers kan du fördröja exekveringen av koden så att den inte görs precis när en händelse utlöses eller sidan laddas. Du kan till exempel använda timers för att ändra annonsbannrarna på din webbplats med jämna mellanrum, eller visa en realtidsklocka etc.
Det finns en timerfunktion i JavaScript:setTimeout ()
Följande avsnitt visar hur du skapar timers för att fördröja kodenutförande samt hur man utför en eller flera åtgärder upprepade gånger med hjälp av denna funktion i JavaScript.
Window setTimeout () Metod
Definition och användning:
Metoden setTimeout () anropar en funktion eller utvärderar ett uttryck efter ett angivet antal millisekunder.
DRICKS:
- 1000 ms = 1 sekund.
- Funktionen körs bara en gång. Om du behöver upprepa körningen, använd
setInterval ()
metod. - Använd
clearTimeout ()
metod för att förhindra att funktionen körs.
Denna funktion accepterar två parametrar: a fungera , vilken är funktionen att utföra, och en valfri dröjsmål parameter, vilket är antalet millisekunder som representerar den tid att vänta innan funktionen utförs (1 sekund = 1000 millisekunder).
Returvärde: Den returnerar ett tal som representerar ID-värdet för den inställda timern.
Kod: Timers i JavaScript
Här är koden för tidtagare i JavaScript som ställer in timern på 2 minuter och när tiderna upp sidan varnar 'tider'. DesetTimeout ()
metoden anropar en funktion eller utvärderar ett uttryck efter ett angivet antal millisekunder.
// ställa in minuter
var mins = 2
// beräkna sekunderna
var secs = mins * 60
// nedräkningsfunktionen framkallas när sidan laddas
nedräkning av funktion () {
setTimeout ('Decrement ()', 60)
}
// Minskningsfunktion minskar värdet.
funktion Minskning () {
om (document.getElementById) {
minuter = document.getElementById ('minuter')
sekunder = document.getElementById ('sekunder')
// om det är mindre än en minut kvar
// Visa endast sekundvärde.
om (sekunder<59) {
hur man konverterar från dubbel till int Java
sekunder. värde = sekunder
vad är ett reserverat ord i java
}
// Visa både minuter och sekunder
// getminutes och geteconds är vana vid
// få minuter och sekunder
annat {
minutes.value = getminutes ()
seconds.value = geteconds ()
}
// när det är mindre än en minut kvar
// färgen på minuterna och sekunderna
// ändras till rött
om (min<1) {
minutes.style.color = 'röd'
seconds.style.color = 'röd'
}
// om sekunder blir noll,
// sedan är sidvarningstiden slut
om (min<0) {
alert ('time up')
minuter. värde = 0
sekunder. värde = 0
}
// om sekunder> 0 minskas sekunder
annat {
torr--
setTimeout ('Decrement ()', 1000)
}
}
}
funktion getminutes () {
// minuter är sekunder dividerat med 60, avrundat nedåt
minuter = Math. golv (sek / 60)
returnera min
}
funktion geteconds () {
// ta minuter kvar (som sekunder) bort
// från totalt antal sekunder kvar
returnera sekunder - Math.round (min * 60)
}
standardvärde för sträng i Java
Tid kvar ::
:
När det är mindre än en minut kvar ändras timerfärgen till röd.
Med detta kommer vi till ett slut på denna Timers i JavaScript-artikel. C heck ut av Edureka, ett pålitligt online-lärande företag med ett nätverk av mer än 250 000 nöjda elever spridda över hela världen.
Har du en fråga till oss? Vänligen nämna det i kommentarsektionen i denna Dependency Injection in AngularJs så kommer vi tillbaka till dig.