U ovom ćete uputstvu uz primjere naučiti o metodi JavaScript setInterval ().
U JavaScriptu se blok koda može izvršiti u određenim vremenskim intervalima. Ti se vremenski intervali nazivaju vremenskim događajima.
Postoje dvije metode za izvršavanje koda u određenim intervalima. Oni su:
- setInterval ()
- setTimeout ()
U ovom vodiču naučit ćete o setInterval()
metodi.
JavaScript setInterval ()
setInterval()
Metoda ponavlja blok koda pri svakom pojedinom vremena događaja.
Sintaksa JavaScript setInterval koja se najčešće koristi je:
setInterval(function, milliseconds);
Njegovi su parametri:
- funkcija - funkcija koja sadrži blok koda
- milisekunde - vremenski interval između izvršavanja funkcije
setInterval()
Metoda vraća intervalID koji je pozitivni cijeli broj.
Primjer 1: Prikažite tekst jednom u 1 sekundu
// program to display a text using setInterval method function greet() ( console.log('Hello world'); ) setInterval(greet, 1000);
Izlaz
Hello world Hello world Hello world Hello world Hello world….
U gornjem programu setInterval()
metoda poziva greet()
funkciju svakih 1000 milisekundi ( 1 sekunda).
Stoga program prikazuje tekst Hello world jednom svake 1 sekunde.
Napomena : setInterval()
Metoda je korisna kada želite ponoviti blok koda više puta. Na primjer, prikazivanje poruke u određenom intervalu.
Primjer 2: Vrijeme prikaza svakih 5 sekundi
// program to display time every 5 seconds function showTime() ( // return new date and time let dateTime= new Date(); // return the time let time = dateTime.toLocaleTimeString(); console.log(time) ) let display = setInterval(showTime, 5000);
Izlaz
"17:15:28" "17:15:33" "17:15:38" …
Gornji program prikazuje trenutno vrijeme jednom u 5 sekundi.
new Date()
daje trenutni datum i vrijeme. I toLocaleTimeString()
vraća trenutno vrijeme. Da biste saznali više o datumu i vremenu, posjetite JavaScript datum i vrijeme.
JavaScript clearInterval ()
Kao što ste vidjeli u gornjem primjeru, program izvršava blok koda u svakom navedenom vremenskom intervalu. Ako želite zaustaviti ovaj poziv funkcije, tada možete koristiti clearInterval()
metodu.
Sintaksa clearInterval()
metode je:
clearInterval(intervalID);
Ovdje intervalID
je povratna vrijednost setInterval()
metode.
Primjer 3: Upotrijebite metodu clearInterval ()
// program to stop the setInterval() method after five times let count = 0; // function creation let interval = setInterval(function()( // increasing the count by 1 count += 1; // when count equals to 5, stop the function if(count === 5)( clearInterval(interval); ) // display the current time let dateTime= new Date(); let time = dateTime.toLocaleTimeString(); console.log(time); ), 2000);
Izlaz
16:47:41 16:47:43 16:47:45 16:47:47 16:47:49
U gore navedenom programu setInterval()
metoda se koristi za prikaz trenutnog vremena svake 2 sekunde. clearInterval()
Metoda zaustavlja funkciju poziv nakon 5 puta.
Metodi također možete proslijediti dodatne argumente setInterval()
. Sintaksa je:
setInterval(function, milliseconds, parameter1,… .paramenterN);
Kada prođe dodatne parametre na setInterval()
način, ovi parametri ( parameter1
, parameter2
itd) će biti donesen na navedenu funkciju .
Na primjer,
// program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setInterval setInterval(greet, 1000, 'John', 'Doe');
Izlaz
Pozdrav John Doe Pozdrav John Doe Pozdrav John Doe….
U gore navedenom programu, dva parametra John
i Doe
prenose se na setInterval()
metodu. Ova dva parametra su argumenti koji će se proslijediti funkciji (ovdje greet()
funkcija) koja je definirana unutar setInterval()
metode.
Napomena: Ako funkciju trebate izvršiti samo jednom, bolje je koristiti metodu setTimeout ().