V tomto tutoriáli sa pomocou príkladov dozviete o metóde JavaScript setInterval ().
V JavaScripte je možné blok kódu spustiť v stanovených časových intervaloch. Tieto časové intervaly sa nazývajú časovacie udalosti.
Existujú dva spôsoby vykonávania kódu v konkrétnych intervaloch. Oni sú:
- setInterval ()
- setTimeout ()
V tomto návode sa dozviete o setInterval()
metóde.
JavaScript setInterval ()
setInterval()
Metóda opakuje blok kódu v každej danej časovanie udalostí.
Bežne používaná syntax jazyka JavaScript setInterval je:
setInterval(function, milliseconds);
Jeho parametre sú:
- function - funkcia obsahujúca blok kódu
- milisekundy - časový interval medzi vykonaním funkcie
setInterval()
Metóda vráti intervalID čo je kladné celé číslo.
Príklad 1: Zobrazenie textu raz za 1 sekundu
// program to display a text using setInterval method function greet() ( console.log('Hello world'); ) setInterval(greet, 1000);
Výkon
Hello world Hello world Hello world Hello world Hello world….
Vo vyššie uvedenom programe setInterval()
metóda volá greet()
funkciu každých 1 000 milisekúnd ( 1 s ).
Preto program zobrazuje text Hello world raz za 1 sekundu.
Poznámka : Táto setInterval()
metóda je užitočná, ak chcete opakovať blok kódu viackrát. Napríklad zobrazovanie správy v pevnom intervale.
Príklad 2: Čas zobrazenia každých 5 sekúnd
// 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);
Výkon
„17:15:28“ „17:15:33“ „17:15:38“….
Vyššie uvedený program zobrazuje aktuálny čas každých 5 sekúnd.
new Date()
dáva aktuálny dátum a čas. A toLocaleTimeString()
vráti aktuálny čas. Ak sa chcete dozvedieť viac informácií o dátume a čase, navštívte JavaScript Date and Time.
JavaScript clearInterval ()
Ako ste videli vo vyššie uvedenom príklade, program vykoná blok kódu v každom zadanom časovom intervale. Ak chcete zastaviť toto volanie funkcie, môžete použiť túto clearInterval()
metódu.
Syntax clearInterval()
metódy je:
clearInterval(intervalID);
Tu intervalID
je návratová hodnota setInterval()
metódy.
Príklad 3: Použite metódu 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);
Výkon
16:47:41 16:47:43 16:47:45 16:47:47 16:47:49
Vo vyššie uvedenom programe sa setInterval()
metóda používa na zobrazenie aktuálneho času každé 2 sekundy. clearInterval()
Metóda zastaví volanie funkcie po 5 krát.
Metóde môžete tiež odovzdať ďalšie argumenty setInterval()
. Syntax je:
setInterval(function, milliseconds, parameter1,… .paramenterN);
Pri odovzdaní ďalšie parametre k setInterval()
metóde, tieto parametre ( parameter1
, parameter2
bude atď) musí byť odovzdaný do zadaného funkcií .
Napríklad,
// program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setInterval setInterval(greet, 1000, 'John', 'Doe');
Výkon
Ahoj John Doe Ahoj John Doe Ahoj John Doe….
Vo vyššie uvedenom programe sú dva parametre John
a Doe
sú odovzdané setInterval()
metóde. Tieto dva parametre sú argumenty, ktoré sa odovzdajú funkcii (tu, greet()
funkcia), ktorá je definovaná vo vnútri setInterval()
metódy.
Poznámka: Ak potrebujete vykonať funkciu iba raz, je lepšie použiť metódu setTimeout ().