The setInterval() Metoda u JavaScriptu koristi se za ponavljanje određene funkcije u svakom zadanom vremenskom intervalu. Procjenjuje izraz ili poziva funkciju u zadanim intervalima. Ova metoda nastavlja pozivanje funkcije dok se prozor ne zatvori ili dok se clearInterval() metoda se zove. Ova metoda vraća numeričku vrijednost ili broj različit od nule koji identificira kreirani mjerač vremena.

Za razliku od setTimeout() metoda, setInterval() metoda poziva funkciju više puta. Ova se metoda može napisati sa ili bez prozor prefiks.

Često korištena sintaksa za setInterval() metoda je navedena u nastavku:

Sintaksa

 window.setInterval(function, milliseconds); 

Vrijednosti parametara

Ova metoda uzima dvije vrijednosti parametra funkcija i milisekundi koji su definirani na sljedeći način.

funkcija: To je funkcija koja sadrži blok koda koji će se izvršiti.

milisekundi: Ovaj parametar predstavlja duljinu vremenskog intervala između svakog izvršenja. Interval je u milisekundama. Definira koliko često će se kôd izvršavati. Ako je njegova vrijednost manja od 10, koristi se vrijednost 10.

Kako zaustaviti ovrhu?

Možemo koristiti clearInterval() metoda za zaustavljanje izvršenja funkcije navedene u setInterval() metoda. Vrijednost koju je vratio setInterval() metoda se može koristiti kao argument clearInterval() metoda za poništavanje vremenskog ograničenja.

Hajdemo razumjeti korištenje setInterval() metoda pomoću nekih ilustracija.

Primjer1

Ovo je jednostavan primjer korištenja setInterval() metoda. Ovdje se dijaloški okvir upozorenja prikazuje u intervalu od 3 sekunde. Ne koristimo nijednu metodu za zaustavljanje izvršenja funkcije navedene u setInterval() metoda. Dakle, metoda nastavlja izvršavanje funkcije dok se prozor ne zatvori.

 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 == &apos;lightblue&apos; ? &apos;lightgreen&apos; : &apos;lightblue&apos;; } function stop() { clearInterval(var1); } 

Izlaz

Boja pozadine počet će se mijenjati nakon 200 milisekundi. Klikom na navedenu Stop gumb, prebacivanje između boja će se zaustaviti na odgovarajućoj boji pozadine. Rezultat nakon klika na gumb bit će -