Venster stelInterval()
Voorbeelde
Wys "Hallo" elke sekonde (1000 millisekondes):
setInterval(function () {element.innerHTML += "Hello"}, 1000);
Bel displayHallo elke sekonde:
setInterval(displayHello, 1000);
Meer voorbeelde hieronder.
Definisie en gebruik
Die setInterval()
metode roep 'n funksie op met gespesifiseerde intervalle (in millisekondes).
Die setInterval()
metode gaan voort om die funksie te roep totdat
clearInterval()
dit geroep word, of die venster gesluit word.
1 sekonde = 1000 millisekondes.
Let wel
Om die funksie net een keer uit te voer, gebruik setTimeout()
eerder die metode.
Om 'n interval skoon te maak, gebruik die id wat van setInterval():
myInterval = setInterval(function, milliseconds);
Dan kan jy die uitvoering stop deur clearInterval():
clearInterval(myInterval);
Sien ook:
Sintaksis
setInterval(function, milliseconds, param1, param2, ...)
Grense
Parameter | Description |
function | Required. The function to execute |
milliseconds | Required. The execution interval. If the value is less than 10, 10 is used |
param1, param2, ... | Optional. Additional parameters to pass to the function Not supported in IE9 and earlier. |
Terugkeerwaarde
Tik | Beskrywing |
N nommer | Die ID van die timer. Gebruik hierdie id met clearInterval() om die timer te kanselleer. |
Meer voorbeelde
Voorbeeld
Wys die tyd soos 'n digitale horlosie:
setInterval(myTimer, 1000);
function myTimer()
{
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
Voorbeeld
Gebruik clearInterval() om die digitale horlosie te stop:
const myInterval = setInterval(myTimer, 1000);
function myTimer() {
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction()
{
clearInterval(myInterval);
}
Voorbeeld
Gebruik setInterval() en clearInterval() om 'n dinamiese vorderingsbalk te skep:
function move() {
const element = document.getElementById("myBar");
let width = 0;
let id = setInterval(frame, 10);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
element.style.width = width + '%';
}
}
}
Voorbeeld
Wissel tussen twee agtergrondkleure een keer elke 500 millisekondes:
const myInterval = setInterval(setColor, 500);
function setColor() {
let x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
clearInterval(myInterval);
}
Voorbeeld
Slaag parameters na die funksie (werk nie in IE9 en vroeër nie):
setInterval(myFunc, 2000, "param1", "param2");
As jy egter 'n anonieme funksie gebruik, werk dit in alle blaaiers:
setInterval(function() {myFunc("param1", "param2")}, 2000);
Blaaierondersteuning
setInterval()
word in alle blaaiers ondersteun:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |