The setInterval() metoda v JavaScriptu se používá k opakování zadané funkce v každém daném časovém intervalu. Vyhodnocuje výraz nebo volá funkci v daných intervalech. Tato metoda pokračuje ve volání funkce, dokud se okno nezavře nebo ne clearInterval() se nazývá metoda. Tato metoda vrací číselnou hodnotu nebo nenulové číslo, které identifikuje vytvořený časovač.
Na rozdíl od setTimeout() metoda, setInterval() metoda vyvolá funkci vícekrát. Tato metoda může být napsána s nebo bez okno předpona.
Běžně používaná syntaxe setInterval() metoda je uvedena níže:
Syntax
window.setInterval(function, milliseconds);
Hodnoty parametrů
Tato metoda přebírá dvě hodnoty parametrů funkce a milisekundy které jsou definovány následovně.
funkce: Je to funkce obsahující blok kódu, který bude proveden.
milisekundy: Tento parametr představuje délku časového intervalu mezi každým spuštěním. Interval je v milisekundách. Definuje, jak často se bude kód spouštět. Pokud je jeho hodnota menší než 10, použije se hodnota 10.
Jak zastavit exekuci?
Můžeme použít clearInterval() metoda k zastavení provádění funkce uvedené v setInterval() metoda. Hodnota vrácená uživatelem setInterval() metodu lze použít jako argument clearInterval() způsob zrušení časového limitu.
Pojďme pochopit použití setInterval() metodou pomocí některých ilustrací.
Příklad1
Toto je jednoduchý příklad použití setInterval() metoda. Zde se v intervalu 3 sekund zobrazí dialogové okno s upozorněním. Nepoužíváme žádnou metodu k zastavení provádění funkce uvedené v setInterval() metoda. Metoda tedy pokračuje ve vykonávání funkce, dokud se okno nezavře.
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); } Otestujte to hned Výstup
Barva pozadí se začne měnit po 200 milisekundách. Po kliknutí na zadané stop tlačítko, přepínání mezi barvami se zastaví na odpovídající barvě pozadí. Výstup po kliknutí na tlačítko bude -
