The setInterval() JavaScriptin menetelmää käytetään tietyn funktion toistamiseen jokaisella aikavälillä. Se arvioi lausekkeen tai kutsuu funktiota tietyin aikavälein. Tämä menetelmä jatkaa funktion kutsumista, kunnes ikkuna suljetaan tai clearInterval() menetelmää kutsutaan. Tämä menetelmä palauttaa numeerisen arvon tai nollasta poikkeavan luvun, joka tunnistaa luodun ajastimen.
toisin kuin setTimeout() menetelmä, setInterval() menetelmä kutsuu funktion useita kertoja. Tämä menetelmä voidaan kirjoittaa kanssa tai ilman ikkuna etuliite.
Yleisesti käytetty syntaksi setInterval() menetelmä on annettu alla:
Syntaksi
window.setInterval(function, milliseconds);
Parametrien arvot
Tämä menetelmä ottaa kaksi parametriarvoa toiminto ja millisekuntia jotka määritellään seuraavasti.
toiminto: Se on toiminto, joka sisältää koodilohkon, joka suoritetaan.
millisekuntia: Tämä parametri edustaa kunkin suorituksen välisen ajanjakson pituutta. Aikaväli on millisekunteina. Se määrittää kuinka usein koodi suoritetaan. Jos sen arvo on pienempi kuin 10, käytetään arvoa 10.
Kuinka lopettaa teloitus?
Voimme käyttää clearInterval() menetelmä lopettaa kohdassa määritellyn toiminnon suorittaminen setInterval() menetelmä. Arvo, jonka palauttaa setInterval() menetelmää voidaan käyttää argumenttina clearInterval() tapa peruuttaa aikakatkaisu.
Ymmärretään käyttö setInterval() menetelmää käyttämällä joitain kuvia.
Esimerkki1
Tämä on yksinkertainen esimerkki setInterval() menetelmä. Tässä hälytysvalintaikkuna tulee näkyviin 3 sekunnin välein. Emme käytä mitään tapaa pysäyttää kohdassa määritellyn toiminnon suorittamista setInterval() menetelmä. Joten menetelmä jatkaa toiminnon suorittamista, kunnes ikkuna suljetaan.
setInterval() method <h3> This is an example of using the setInterval() method </h3> <p> Here, the background color changes on every 200 milliseconds. </p> Stop var var1 = setInterval(color, 200); function color() { var var2 = document.body; var2.style.backgroundColor = var2.style.backgroundColor == 'lightblue' ? 'lightgreen' : 'lightblue'; } function stop() { clearInterval(var1); } Testaa nyt Lähtö
Taustan väri alkaa muuttua 200 millisekunnin kuluttua. Kun napsautat määritettyä lopettaa -painiketta, värien välinen vaihto lopetetaan vastaavan taustavärin kohdalla. Tulostus painikkeen painamisen jälkeen on -
