De setInterval() metode i JavaScript brukes til å gjenta en spesifisert funksjon ved hvert gitt tidsintervall. Den evaluerer et uttrykk eller kaller opp en funksjon med gitte intervaller. Denne metoden fortsetter å kalle funksjonen til vinduet lukkes eller clearInterval() metode kalles. Denne metoden returnerer en numerisk verdi eller et tall som ikke er null som identifiserer den opprettede tidtakeren.
i motsetning til setTimeout() metoden, den setInterval() metoden påkaller funksjonen flere ganger. Denne metoden kan skrives med eller uten vindu prefiks.
Den ofte brukte syntaksen til setInterval() metoden er gitt nedenfor:
Syntaks
window.setInterval(function, milliseconds);
Parameterverdier
Denne metoden tar to parameterverdier funksjon og millisekunder som er definert som følger.
funksjon: Det er funksjonen som inneholder kodeblokken som skal utføres.
millisekunder: Denne parameteren representerer lengden på tidsintervallet mellom hver kjøring. Intervallet er i millisekunder. Den definerer hvor ofte koden skal kjøres. Hvis verdien er mindre enn 10, brukes verdien 10.
Hvordan stoppe henrettelsen?
Vi kan bruke clearInterval() metode for å stoppe utførelsen av funksjonen spesifisert i setInterval() metode. Verdien returnert av setInterval() metode kan brukes som argument for clearInterval() metode for å avbryte tidsavbruddet.
La oss forstå bruken av setInterval() metode ved å bruke noen illustrasjoner.
Eksempel 1
Dette er et enkelt eksempel på bruk av setInterval() metode. Her vises en varseldialogboks med et intervall på 3 sekunder. Vi bruker ingen metode for å stoppe utførelsen av funksjonen spesifisert i setInterval() metode. Så metoden fortsetter utførelsen av funksjonen til vinduet lukkes.
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); }Test det nå
Produksjon
Fargen på bakgrunnen vil begynne å endre seg etter 200 millisekunder. Ved å klikke på spesifisert Stoppe knappen, vil vekslingen mellom fargene stoppes på den tilsvarende bakgrunnsfargen. Utgangen etter å ha klikket på knappen vil være -