Taimerid on mis tahes programmeerimiskeele oluline aspekt. Nagu me teame, on aeg raha. Nii et selles artiklis näeme, kuidas taimerit JavaScripti rakendada ja sellega töötada:
Töötamine JavaScripti taimeritega
Taimer on funktsioon, mis võimaldab meil teatud ajal funktsiooni täita.Taimerite abil saate koodi täitmist edasi lükata, nii et seda ei tehta sündmuse käivitamise või lehe laadimise täpselt hetkel. Näiteks saate taimereid kasutades oma veebisaidi reklaamiribasid regulaarsete ajavahemike järel vahetada või kuvada reaalajas kella vms.
JavaScriptis on taimeri funktsioon:setTimeout ()
Järgmises jaotises on näidatud, kuidas koodiga viivitamiseks taimereid luuakui ka ühe või mitme toimingu korduv kasutamine JavaScripti funktsiooni theis abil.
Akna setTimeout () meetod
Definitsioon ja kasutamine:
Meetod setTimeout () kutsub funktsiooni või hindab avaldist pärast määratud arvu millisekundeid.
NÕUANNE:
- 1000 ms = 1 sekund.
- Funktsioon käivitatakse ainult üks kord. Kui peate täitmist kordama, kasutage
setInterval ()meetod. - Kasuta
clearTimeout ()meetod funktsiooni töötamise vältimiseks.
See funktsioon aktsepteerib kahte parameetrit: a funktsioon , mis on täidetav funktsioon, ja valikuline viivitus parameeter, mis on millisekundite arv, mis tähistab funktsiooni täitmise ootamise aega (1 sekund = 1000 millisekundit).
Tagastatav väärtus: See tagastab arvu, mis tähistab seatud taimeri ID-väärtust.
Kood: Taimerid JavaScriptis
Siin on JavaScripti Taimerite kood, mis määrab taimeri 2 minutiks ja kui lehe märguande aeg saab täis. ThesetTimeout ()meetod kutsub funktsiooni või hindab avaldist pärast määratud arvu millisekundeid.
// seadke minutid
var mins = 2
// arvuta sekundid
var secs = min * 60
// loenduri funktsioon käivitatakse lehe laadimisel
funktsioonide loendus () {
setTimeout ('Deklement ()', 60)
}
// Dekrementfunktsioon vähendab väärtust.
funktsioon Decrement () {
if (document.getElementById) {
minutid = document.getElementById ('minutid')
sekundit = document.getElementById ('sekundit')
// kui järele on jäänud vähem kui minut
// Kuva ainult sekundite väärtus.
kui (sekundit<59) {
sekundit.väärtus = sekundit
}
// Kuvatakse nii minuteid kui sekundeid
// getminutes ja getseconds on harjunud
// saada minuteid ja sekundeid
veel {
minutes.value = getminutes ()
seconds.value = saab sekundit ()
}
// kui on jäänud vähem kui minut
// minutite ja sekundite värv
// muutub punaseks
kui (min<1) {
minutes.style.color = 'punane'
seconds.style.color = 'punane'
}
// kui sekundid muutuvad nulliks,
// siis lehe märguande aeg läbi
kui (min<0) {
hoiatus ('aeg üles')
minutit.väärtus = 0
sekundit.väärtus = 0
}
// kui sekundid> 0, siis sekundeid vähendatakse
veel {
kuiv--
setTimeout ('Decrement ()', 1000)
}
}
}
funktsioon getminutes () {
// minutid jagatakse sekunditega 60-ga, ümardatuna allapoole
min = Math.floor (sekundit / 60)
tagasi min
}
funktsioon saab sekundit () {
// võtke järelejäänud minutid (sekundites)
// järelejäänud sekundite koguarvust
tagasipöördumissekundid - matemaatiline ring (min * 60)
}
Aega jäänud ::
:
suurandmete analüüsi rakendused
Kui aega on vähem kui minut, muutub taimeri värv punaseks.
Sellega oleme JavaScripti artiklis Taimerid lõpetanud. C kurat välja Edureka, usaldusväärne veebiõppeettevõte, mille võrgustik hõlmab üle 250 000 rahuloleva õppija, levinud üle kogu maailma.
Kas teil on meile küsimus? Palun mainige seda selle AngularJs-i sõltuvuse süstimise kommentaaride osas ja võtame teiega ühendust.