Timere er et vigtigt aspekt af ethvert programmeringssprog. Som vi ved er tid penge. Så i denne artikel vil vi se, hvordan man implementerer og arbejder med timere i JavaScript:
Arbejde med timere i JavaScript
En timer er en funktion, der gør det muligt for os at udføre en funktion på et bestemt tidspunkt.Ved hjælp af timere kan du forsinke udførelsen af koden, så den ikke bliver færdig på det nøjagtige tidspunkt, hvor en begivenhed udløses, eller siden indlæses. For eksempel kan du bruge timere til at ændre reklamebannere på dit websted med jævne mellemrum eller vise et realtidsur osv.
Der er en timerfunktion i JavaScript:setTimeout ()
Det følgende afsnit viser dig, hvordan du opretter timere til forsinkelse af kodeudførelse samt hvordan man udfører en eller flere handlinger gentagne gange ved hjælp af denne funktion i JavaScript.
Window setTimeout () Metode
Definition og anvendelse:
Metoden setTimeout () kalder en funktion eller evaluerer et udtryk efter et specificeret antal millisekunder.
TIP:
- 1000 ms = 1 sekund.
- Funktionen udføres kun en gang. Hvis du har brug for at gentage udførelsen, skal du bruge
setInterval ()metode. - Brug
clearTimeout ()metode til at forhindre, at funktionen kører.
Denne funktion accepterer to parametre: a fungere , som er den funktion, der skal udføres, og en valgfri forsinke parameter, som er antallet af millisekunder, der repræsenterer den tid, der skal vente, før funktionen udføres (1 sekund = 1000 millisekunder).
Returværdi: Det returnerer et tal, der repræsenterer ID-værdien for den indstillede timer.
Kode: Timere i JavaScript
Her er koden til timere i JavaScript, der indstiller timeren til 2 minutter, og når tiderne op til Side-alarmen 'tider op'. DetsetTimeout ()metode kalder en funktion eller evaluerer et udtryk efter et angivet antal millisekunder.
// indstil minutter
var minutter = 2
// beregne sekunder
var sek = min * 60
// nedtællingsfunktion fremkaldes, når siden indlæses
funktion nedtælling () {
setTimeout ('Decrement ()', 60)
}
// Decrement-funktion mindsker værdien.
funktion Reduktion () {
hvis (document.getElementById) {
minutter = document.getElementById ('minutter')
sekunder = document.getElementById ('sekunder')
// hvis der er mindre end et minut tilbage
// Vis kun sekunder værdi.
hvis (sekunder<59) {
sekunder. værdi = sek
}
// Vis både minutter og sekunder
// getminutes og geteconds er vant til
// få minutter og sekunder
andet {
minutes.value = getminutes ()
sekunder. værdi = geteconds ()
}
// når der er mindre end et minut tilbage
// farve på minutter og sekunder
// skifter til rødt
hvis (min<1) {
minutes.style.color = 'rød'
seconds.style.color = 'rød'
}
// hvis sekunder bliver nul,
// derefter sidevarslingstid op
hvis (min<0) {
alarm ('time up')
minutter. værdi = 0
sekunder. værdi = 0
}
// hvis sekunder> 0 reduceres sekunder
hybrid ramme i selen webdriver
andet {
tør--
setTimeout ('Decrement ()', 1000)
}
}
}
funktion getminutes () {
// minutter er sekunder divideret med 60, afrundet nedad
minutter = Math. etage (sek / 60)
returnere minutter
}
funktion geteconds () {
// tager minutter tilbage (som sekunder) væk
// fra det samlede antal resterende sekunder
returnere sekunder - Math.round (min * 60)
}
Tid tilbage ::
:
Når der er mindre end et minut tilbage, ændres timerfarven til rød.
Med dette kommer vi til slutningen af denne Timers i JavaScript-artikel. C heck ud af af Edureka, et pålideligt online læringsfirma med et netværk på mere end 250.000 tilfredse elever spredt over hele kloden.
Har du et spørgsmål til os? Nævn det i kommentarfeltet i denne Dependency Injection in AngularJs, og vi vender tilbage til dig.