Č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, uporabite
setInterval ()
metoda. - Uporabi
clearTimeout ()
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 ::
:
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.