De setInterval() metod i JavaScript används för att upprepa en specificerad funktion vid varje givet tidsintervall. Den utvärderar ett uttryck eller anropar en funktion med givna intervall. Denna metod fortsätter anropet av funktionen tills fönstret stängs eller clearInterval() metod kallas. Denna metod returnerar ett numeriskt värde eller ett icke-nolltal som identifierar den skapade timern.
till skillnad från setTimeout() metod, den setInterval() metoden anropar funktionen flera gånger. Denna metod kan skrivas med eller utan fönster prefix.
Den vanligaste syntaxen för setInterval() metoden ges nedan:
Syntax
window.setInterval(function, milliseconds);
Parametervärden
Denna metod tar två parametervärden fungera och millisekunder som definieras enligt följande.
fungera: Det är funktionen som innehåller kodblocket som kommer att exekveras.
millisekunder: Denna parameter representerar längden på tidsintervallet mellan varje exekvering. Intervallet är i millisekunder. Den definierar hur ofta koden kommer att exekveras. Om dess värde är mindre än 10 används värdet 10.
Hur stoppar man avrättningen?
Vi kan använda clearInterval() metod för att stoppa exekveringen av funktionen som anges i setInterval() metod. Värdet som returneras av setInterval() metod kan användas som argument för clearInterval() metod för att avbryta timeout.
Låt oss förstå användningen av setInterval() metod med hjälp av några illustrationer.
Exempel1
Detta är ett enkelt exempel på att använda setInterval() metod. Här visas en varningsdialogruta med ett intervall på 3 sekunder. Vi använder inte någon metod för att stoppa exekveringen av funktionen som anges i setInterval() metod. Så metoden fortsätter exekveringen av funktionen tills fönstret stängs.
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); } Testa det nu Produktion
Färgen på bakgrunden kommer att börja ändras efter 200 millisekunder. När du klickar på den angivna sluta knappen, kommer växlingen mellan färgerna att stoppas på motsvarande bakgrundsfärg. Utgången efter att ha klickat på knappen blir -
