Kõik, mida peate teadma JavaScripti taimerite kohta

See artikkel annab teile üksikasjalikud ja kõikehõlmavad teadmised selle kohta, kuidas taimerid JavaScripti koos näidetega rakendada.

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, kasutagesetInterval ()meetod.
  • KasutaclearTimeout ()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

timers-in-javascript

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.