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ä
- Ikkuna setTimeout () -menetelmä
- Koodi: Ajastimet 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ä ::
:
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.