The setInterval() metóda v JavaScripte sa používa na opakovanie špecifikovanej funkcie v každom danom časovom intervale. Vyhodnocuje výraz alebo volá funkciu v daných intervaloch. Táto metóda pokračuje vo volaní funkcie, kým sa okno nezatvorí alebo kým sa nezatvorí clearInterval() sa nazýva metóda. Táto metóda vráti číselnú hodnotu alebo nenulové číslo, ktoré identifikuje vytvorený časovač.
Na rozdiel od setTimeout() metóda, setInterval() metóda vyvolá funkciu viackrát. Táto metóda môže byť napísaná s alebo bez okno predpona.
Bežne používaná syntax of setInterval() metóda je uvedená nižšie:
Syntax
window.setInterval(function, milliseconds);
Hodnoty parametrov
Táto metóda má dve hodnoty parametrov funkciu a milisekúnd ktoré sú definované nasledovne.
funkcia: Je to funkcia obsahujúca blok kódu, ktorý sa vykoná.
milisekúnd: Tento parameter predstavuje dĺžku časového intervalu medzi každým vykonaním. Interval je v milisekundách. Definuje, ako často sa bude kód vykonávať. Ak je jeho hodnota menšia ako 10, použije sa hodnota 10.
Ako zastaviť exekúciu?
Môžeme použiť clearInterval() metóda na zastavenie vykonávania funkcie špecifikovanej v setInterval() metóda. Hodnota vrátená setInterval() ako argument možno použiť metódu clearInterval() spôsob zrušenia časového limitu.
Poďme pochopiť použitie setInterval() pomocou niektorých ilustrácií.
Príklad 1
Toto je jednoduchý príklad použitia setInterval() metóda. Tu sa v intervale 3 sekúnd zobrazí dialógové okno výstrahy. Nepoužívame žiadnu metódu na zastavenie vykonávania funkcie špecifikovanej v setInterval() metóda. Metóda teda pokračuje vo vykonávaní funkcie, kým sa okno nezatvorí.
setInterval() method <h3> This is an example of using the setInterval() method </h3> <p> Here, the background color changes on every 200 milliseconds. </p> Stop var var1 = setInterval(color, 200); function color() { var var2 = document.body; var2.style.backgroundColor = var2.style.backgroundColor == 'lightblue' ? 'lightgreen' : 'lightblue'; } function stop() { clearInterval(var1); } Vyskúšajte to Výkon
Farba pozadia sa začne meniť po 200 milisekúndách. Po kliknutí na zadané zastaviť tlačidlo, prepínanie medzi farbami sa zastaví na zodpovedajúcej farbe pozadia. Výstup po kliknutí na tlačidlo bude -
