A setInterval() A JavaScript metódusa egy meghatározott függvény megismétlésére szolgál minden adott időintervallumban. Adott időközönként kiértékel egy kifejezést vagy meghív egy függvényt. Ez a metódus addig folytatja a függvény meghívását, amíg az ablak be nem záródik vagy a clearInterval() módszert hívják. Ez a metódus egy numerikus értéket vagy egy nullától eltérő számot ad vissza, amely azonosítja a létrehozott időzítőt.
ellentétben a setTimeout() módszer, a setInterval() metódus többször meghívja a függvényt. Ez a metódus írható a ablak előtag.
Az általánosan használt szintaxis setInterval() a módszert az alábbiakban adjuk meg:
Szintaxis
window.setInterval(function, milliseconds);
Paraméterértékek
Ez a módszer két paraméterértéket vesz fel funkció és ezredmásodperc amelyek a következők szerint vannak meghatározva.
funkció: Ez az a függvény, amely a kódblokkot tartalmazza, amely végrehajtásra kerül.
ezredmásodperc: Ez a paraméter az egyes végrehajtások közötti időintervallum hosszát jelenti. Az intervallum ezredmásodpercben értendő. Meghatározza, hogy milyen gyakran kerüljön végrehajtásra a kód. Ha értéke kisebb, mint 10, akkor a 10-es érték kerül felhasználásra.
Hogyan lehet leállítani a végrehajtást?
Használhatjuk a clearInterval() pontban meghatározott funkció végrehajtásának leállítására szolgáló módszer setInterval() módszer. A által visszaadott érték setInterval() módszer argumentumaként használható clearInterval() módszer az időtúllépés törlésére.
Értsük meg a használatát setInterval() módszert néhány illusztráció segítségével.
Példa1
Ez egy egyszerű példa a setInterval() módszer. Itt 3 másodperces időközönként megjelenik egy figyelmeztető párbeszédpanel. Nem használunk semmilyen módszert a pontban meghatározott funkció végrehajtásának leállítására setInterval() módszer. Tehát a metódus az ablak bezárásáig folytatja a függvény végrehajtását.
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); } Tesztelje most Kimenet
A háttér színe 200 ezredmásodperc után megváltozik. A megadottra kattintva állj meg gombot, a színek közötti váltás leáll a megfelelő háttérszínen. A kimenet a gombra kattintás után a következő lesz:
