Det setInterval() metode i JavaScript bruges til at gentage en specificeret funktion ved hvert givet tidsinterval. Den evaluerer et udtryk eller kalder en funktion med givne intervaller. Denne metode fortsætter med at kalde funktionen, indtil vinduet lukkes eller clearInterval() metode kaldes. Denne metode returnerer en numerisk værdi eller et ikke-nul tal, der identificerer den oprettede timer.
I modsætning til setTimeout() metode, den setInterval() metoden aktiverer funktionen flere gange. Denne metode kan skrives med eller uden vindue præfiks.
Den almindeligt anvendte syntaks af setInterval() metode er angivet nedenfor:
Syntaks
window.setInterval(function, milliseconds);
Parameterværdier
Denne metode tager to parameterværdier fungere og millisekunder der er defineret som følger.
fungere: Det er den funktion, der indeholder kodeblokken, der vil blive udført.
millisekunder: Denne parameter repræsenterer længden af tidsintervallet mellem hver udførelse. Intervallet er i millisekunder. Det definerer, hvor ofte koden vil blive eksekveret. Hvis dens værdi er mindre end 10, bruges værdien 10.
Hvordan stopper man henrettelsen?
Vi kan bruge clearInterval() metode til at stoppe udførelsen af funktionen specificeret i setInterval() metode. Værdien returneret af setInterval() metode kan bruges som argument for clearInterval() metode til at annullere timeout.
Lad os forstå brugen af setInterval() metode ved at bruge nogle illustrationer.
Eksempel 1
Dette er et simpelt eksempel på brug af setInterval() metode. Her vises en advarselsdialogboks med et interval på 3 sekunder. Vi bruger ikke nogen metode til at stoppe udførelsen af funktionen specificeret i setInterval() metode. Så metoden fortsætter udførelsen af funktionen, indtil vinduet lukkes.
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); } Test det nu Produktion
Farven på baggrunden begynder at ændre sig efter 200 millisekunder. Ved at klikke på den angivne hold op knappen, vil skiftet mellem farverne blive stoppet på den tilsvarende baggrundsfarve. Udgangen efter at have klikket på knappen vil være -
