Kaikki mitä sinun tarvitsee tietää ajastimista JavaScriptissä



Tämä artikkeli antaa sinulle yksityiskohtaisen ja kattavan tiedon siitä, kuinka ajastimet voidaan ottaa käyttöön JavaScriptissä esimerkkien avulla.

Ajastimet ovat tärkeä osa mitä tahansa ohjelmointikieliä. Kuten tiedämme, aika on rahaa. Joten tässä artikkelissa näemme kuinka ajastimet otetaan käyttöön ja miten niitä käytetään JavaScriptissä:

Työskentely ajastinten kanssa JavaScriptissä

Ajastin on toiminto, jonka avulla voimme suorittaa toiminnon tiettynä ajankohtana.Ajastimien avulla voit viivästyttää koodin suorittamista niin, että se ei onnistu juuri tapahtuman käynnistymisen tai sivun lataamisen hetkellä. Voit esimerkiksi muuttaa ajastimia verkkosivustosi mainospalkkien vaihtamiseen säännöllisin väliajoin tai näyttää reaaliaikaisen kellon jne.





JavaScriptissä on ajastintoiminto:setTimeout ()

Seuraava osio näyttää, kuinka voit luoda ajastimia koodin viivyttämiseksisuorittaminen sekä kuinka yhden tai useamman toiminnon suorittaminen toistuvasti käyttämällä JavaScript-funktiota



Ikkuna setTimeout () -menetelmä

Määritelmä ja käyttö:

SetTimeout () -menetelmä kutsuu funktion tai arvioi lausekkeen tietyn millisekunnin jälkeen.

KÄRKI:



  • 1000 ms = 1 sekunti.
  • Toiminto suoritetaan vain kerran. Jos haluat toistaa suorituksen, käytäsetInterval ()menetelmä.
  • KäytäclearTimeout ()menetelmä toiminnon estämiseksi.

Tämä toiminto hyväksyy kaksi parametria: a toiminto , joka on suoritettava toiminto, ja valinnainen viive parametri, joka on millisekuntien määrä, joka edustaa aikaa odottaa ennen toiminnon suorittamista (1 sekunti = 1000 millisekuntia).

Palautusarvo: Se palauttaa numeron, joka edustaa asetetun ajastimen ID-arvoa.

Koodi: Ajastimet JavaScriptissä

Tässä on JavaScriptin ajastimien koodi, joka asettaa ajastimen 2 minuutiksi ja kun sivuhälytyksen aikakatkaisu 'kertaantuu'.setTimeout ()method kutsuu funktiota tai arvioi lausekkeen tietyn määrän millisekunteja.

// aseta minuutit

var mins = 2

// lasketaan sekunnit

var sek. = min * 60

// lähtölaskenta-toiminto käynnistyy, kun sivu ladataan

funktion lähtölaskenta () {

setTimeout ('Vähennys ()', 60)

}

// Pienennysfunktio vähentää arvoa.

funktio Vähennys () {

if (document.getElementById) {

minuuttia = document.getElementById ('minuuttia')

sekuntia = document.getElementById ('sekuntia')

// jos jäljellä on alle minuutti

// Näytä vain sekuntien arvo.

jos (sekuntia<59) {

sekuntia.arvo = sek

}

// Näytä sekä minuutit että sekunnit

// getminutes and geteconds on tottunut

// saada minuutteja ja sekunteja

muu {

minutes.value = getminutes ()

sekuntia.arvo = saa sekuntia ()

}

// kun jäljellä on alle minuutti

// minuuttien ja sekuntien väri

// muuttuu punaiseksi

jos (min<1) {

minutes.style.color = 'punainen'

seconds.style.color = 'punainen'

android studio askel askeleelta

}

// jos sekunneista tulee nolla,

// sitten sivun hälytysaika on kulunut

jos (min<0) {

hälytys ('aikakatkaisu')

minuuttia. arvo = 0

sekuntia. arvo = 0

}

mitä .innerhtml tekee

// jos sekunnit> 0, sekunteja vähennetään

muu {

kuiva--

setTimeout ('Vähennys ()', 1000)

}

}

}

funktio getminutes () {

// minuuttia on sekuntia jaettuna 60: llä, pyöristettynä alaspäin

min = lattian matematiikka (s / 60)

paluu min

}

funktio saa sekunnin () {

// kestää jäljellä olevia minuutteja (sekunteina)

// jäljellä olevien sekuntien kokonaismäärästä

paluu sekuntia - matemaattinen kierros (min * 60)

}

Aikaa jäljellä ::

:

timers-in-javascript

Kun jäljellä on alle minuutti, ajastimen väri muuttuu punaiseksi.

Tämän avulla olemme päättäneet tämän ajastimet JavaScript-artikkelissa. C helvetti Edureka, luotettava verkko-oppimisyritys, jolla on yli 250 000 tyytyväisen oppijan verkosto, joka levisi ympäri maailmaa.

Onko sinulla kysymys meille? Mainitse se tämän riippuvuusinjektion kommenttiosassa AngularJs: ssä, ja palaamme sinuun.