Vse, kar morate vedeti o časovnikih v JavaScript



Ta članek vam bo zagotovil podrobno in celovito znanje o tem, kako s primeri izvesti časovnike v JavaScript.

Časovniki so pomemben vidik vsakega programskega jezika. Kot vemo, je čas denar. Torej, v tem članku bomo videli, kako implementirati in delati s časovniki v JavaScript:

Delo s časovniki v JavaScript

Časovnik je funkcija, ki nam omogoča izvajanje funkcije ob določenem času.Z uporabo časovnikov lahko zakasnite izvajanje kode, tako da se ne konča v trenutku, ko se dogodek sproži ali se stran naloži. Tako lahko na primer s časovniki v rednih časovnih presledkih spreminjate oglasne pasice na svojem spletnem mestu ali prikažete uro v realnem času itd.





V JavaScript je funkcija časovnika:setTimeout ()

Naslednji odsek vam bo pokazal, kako ustvariti časovnike za zakasnitev kodeizvedbo, pa tudi kako večkrat izvesti eno ali več dejanj s funkcijo theis v JavaScript.



Način nastavitve okna setTimeout ()

Opredelitev in uporaba:

Metoda setTimeout () pokliče funkcijo ali ovrednoti izraz po določenem številu milisekund.

NASVET:



  • 1000 ms = 1 sekunda.
  • Funkcija se izvede samo enkrat. Če želite ponoviti izvedbo, uporabitesetInterval ()metoda.
  • UporabiclearTimeout ()metoda za preprečevanje izvajanja funkcije.

Ta funkcija sprejema dva parametra: a funkcijo , ki je funkcija za izvajanje in neobvezna zamuda parameter, ki je število milisekund, ki predstavljajo čas, ki ga je treba počakati pred izvajanjem funkcije (1 sekunda = 1000 milisekund).

Vrnjena vrednost: Vrne številko, ki predstavlja vrednost ID nastavljenega časovnika.

Koda: Časovniki v JavaScript

Tu je koda za časovnike v JavaScriptu, ki nastavi časovnik 2 minuti in čas, ko se strani opozorilo »poveča«. ThesetTimeout ()metoda pokliče funkcijo ali izračuna izraz po določenem številu milisekund.

kako pretvoriti dvojno v celo število v javi -

// nastavimo minute

var min = 2

// izračunamo sekunde

var secs = min * 60

// funkcija odštevanja se sproži, ko se naloži stran

odštevanje funkcije () {

setTimeout ('Zmanjšaj ()', 60)

}

// Funkcija zmanjšanja zmanjša vrednost.

funkcija Decrement () {

if (document.getElementById) {

minutes = document.getElementById ('minute')

seconds = document.getElementById ('sekunde')

// če ostane manj kot minuta

// Prikaži vrednost samo sekund.

če (sekunde<59) {

seconds.value = secs

}

// Prikažemo tako minute kot sekunde

// getminutes in getseconds je vajen

// dobimo minute in sekunde

sicer {

minutes.value = getminutes ()

seconds.value = getseconds ()

}

// kadar ostane manj kot minuta

// barva minut in sekund

// spremeni v rdečo

če (min<1) {

minutes.style.color = 'rdeča'

seconds.style.color = 'rdeča'

}

// če sekunde postane nič,

// nato čas opozorila strani poteče

če (min<0) {

opozorilo ('čas se izteče')

minutes.value = 0

seconds.value = 0

}

// če je sekund> 0, se sekunde zmanjšajo

sicer {

suho--

setTimeout ('Zmanjšaj ()', 1000)

}

}

}

funkcija getminutes () {

// minute so sekunde, deljene s 60, zaokroženo navzdol

min = Math.floor (secs / 60)

vrnitev min

}

funkcija getseconds () {

// vzemimo si preostale minute (kot sekunde)

// od preostalih sekund

povratne sekunde - Math.round (min * 60)

}

Preostali čas ::

:

timers-in-javascript

Ko ostane manj kot minuta, se barva časovnika spremeni v rdečo.

S tem smo prišli do konca tega članka Timers v članku JavaScript. C poglej Edureka, zaupanja vredno podjetje za spletno učenje z mrežo več kot 250.000 zadovoljnih učencev, razširjenih po vsem svetu.

Imate vprašanje za nas? Prosimo, omenite ga v oddelku za komentarje tega vbrizgavanja odvisnosti v AngularJs, mi pa se vam bomo oglasili.