The setInterval() metoda v JavaScriptu se uporablja za ponavljanje določene funkcije v vsakem danem časovnem intervalu. V danih intervalih ovrednoti izraz ali pokliče funkcijo. Ta metoda nadaljuje s klicanjem funkcije, dokler se okno ne zapre ali clearInterval() metoda se imenuje. Ta metoda vrne številsko vrednost ali število, ki ni nič, ki identificira ustvarjeni časovnik.
Za razliko od setTimeout() metoda, setInterval() metoda večkrat prikliče funkcijo. To metodo lahko zapišete z ali brez okno predpono.
Pogosto uporabljena sintaksa setInterval() metoda je podana spodaj:
Sintaksa
window.setInterval(function, milliseconds);
Vrednosti parametrov
Ta metoda ima dve vrednosti parametra funkcijo in milisekundah ki so opredeljeni kot sledi.
funkcija: To je funkcija, ki vsebuje blok kode, ki bo izvedena.
milisekunde: Ta parameter predstavlja dolžino časovnega intervala med vsako izvedbo. Interval je v milisekundah. Določa, kako pogosto se bo koda izvajala. Če je njegova vrednost manjša od 10, se uporabi vrednost 10.
Kako ustaviti izvršbo?
Lahko uporabimo clearInterval() metoda za zaustavitev izvajanja funkcije, določene v setInterval() metoda. Vrednost, ki jo vrne setInterval() metodo lahko uporabimo kot argument clearInterval() način za preklic časovne omejitve.
Razumejmo uporabo setInterval() metodo z uporabo nekaterih ilustracij.
Primer1
To je preprost primer uporabe setInterval() metoda. Tukaj se v intervalu 3 sekund prikaže opozorilno pogovorno okno. Ne uporabljamo nobene metode za zaustavitev izvajanja funkcije, določene v setInterval() metoda. Torej metoda nadaljuje z izvajanjem funkcije, dokler se okno ne zapre.
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); }Preizkusite zdaj
Izhod
Barva ozadja se bo začela spreminjati po 200 milisekundah. Ob kliku na določeno stop gumb, se preklapljanje med barvami ustavi na ustrezni barvi ozadja. Izhod po kliku na gumb bo -