Javascript setInterval ()

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 intervalIDje 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, parameter2itd) ć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 Johni Doeprenose 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 ().

Zanimljivi članci...