Alt hvad du behøver at vide om timere i JavaScript

Denne artikel vil give dig en detaljeret og omfattende viden om, hvordan du implementerer timere i JavaScript med eksempler.

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 brugesetInterval ()metode.
  • BrugclearTimeout ()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 ::

:

timers-in-javascript

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.