V tej vadnici boste s pomočjo primerov spoznali metodo JavaScript setInterval ().
V JavaScript se lahko blok kode izvede v določenih časovnih intervalih. Ti časovni intervali se imenujejo časovni dogodki.
Obstajata dve metodi za izvajanje kode v določenih intervalih. To so:
- setInterval ()
- setTimeout ()
V tej vadnici boste izvedeli več o setInterval()
metodi.
JavaScript setInterval ()
setInterval()
Postopek ponovi blok kode na vsaki dani časovni dogodek.
Pogosto uporabljena sintaksa JavaScript setInterval je:
setInterval(function, milliseconds);
Njegovi parametri so:
- funkcija - funkcija, ki vsebuje blok kode
- milisekunde - časovni interval med izvajanjem funkcije
setInterval()
Postopek vrne intervalID ki je pozitivno celo število.
Primer 1: Besedilo prikažite enkrat na 1 sekundo
// program to display a text using setInterval method function greet() ( console.log('Hello world'); ) setInterval(greet, 1000);
Izhod
Pozdravljen svet Pozdravljen svet Pozdravljen svet Pozdravljen svet …
V zgornjem programu setInterval()
metoda prikliče greet()
funkcijo vsakih 1000 milisekund ( 1 sekundo).
Zato program enkrat na 1 sekundo prikaže besedilo Hello world .
Opomba : setInterval()
Metoda je uporabna, če želite večkrat ponoviti blok kode. Na primer prikaz sporočila v določenem intervalu.
Primer 2: Čas prikaza vsakih 5 sekund
// 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);
Izhod
"17:15:28 PM" "17:15:33 PM" "17:15:38 PM" …
Zgornji program prikaže trenutni čas vsakih 5 sekund.
new Date()
prikazuje trenutni datum in uro. In toLocaleTimeString()
vrne trenutni čas. Če želite izvedeti več o datumu in času, obiščite datum in uro JavaScript.
JavaScript clearInterval ()
Kot ste videli v zgornjem primeru, program izvrši blok kode v vsakem določenem časovnem intervalu. Če želite ustaviti ta klic funkcije, lahko uporabite clearInterval()
metodo.
Sintaksa clearInterval()
metode je:
clearInterval(intervalID);
Tu intervalID
je vrnjena vrednost setInterval()
metode.
Primer 3: Uporabite metodo 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);
Izhod
16:47:41 16:47:43 16:47:45 16:47:47 16:47:49
V zgornjem programu se setInterval()
metoda uporablja za prikaz trenutnega časa vsaki 2 sekundi. clearInterval()
Postopek ustavi klic funkcije po 5 -krat.
setInterval()
Metodi lahko posredujete tudi dodatne argumente . Sintaksa je:
setInterval(function, milliseconds, parameter1,… .paramenterN);
Ko se boste peljali dodatne parametre na setInterval()
način, ti parametri ( parameter1
, parameter2
bo, itd), se prenese na določeno funkcijo .
Na primer
// program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setInterval setInterval(greet, 1000, 'John', 'Doe');
Izhod
Pozdravljeni John Doe Pozdravljeni John Doe Pozdravljeni John Doe….
V zgornjem programu sta dva parametra John
in Doe
posredovana setInterval()
metodi. Ta dva parametra sta argumenta, ki se posredujeta funkciji (tukaj greet()
funkcija), ki je definirana znotraj setInterval()
metode.
Opomba: Če morate funkcijo izvesti le enkrat, je bolje uporabiti metodo setTimeout ().