Javascript setInterval ()

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 intervalIDje 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, parameter2bude 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 Johna Doesú 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 ().

Zaujímavé články...