Window setInterval() metoden

definition og brug

setInterval() metoden kaller funktionen med en specificeret tidsinterval (i millisekunder).

setInterval() metoden kaller funktionen periodisk, indtil clearInterval() eller luk vinduet.

kommentar:1 sekund = 1000 millisekunder.

advarsel

brug i stedet setTimeout() metode for at fjerne intervallet.

brug denne setInterval() tilbagevendende id:

myInterval = setInterval(function, milliseconds);

derefter kan du stoppe ved at kalde clearInterval() for at stoppe udførelsen:

clearInterval(myInterval);

se også:

clearInterval() metoden

setTimeout() metoden

clearTimeout() metoden

eksempel

eksempel 1

vis "Hello" én gang pr. sekund (1000 millisekunder):

setInterval(function () {element.innerHTML += "Hello"}, 1000);

Prøv selv

eksempel 2

kalder displayHello én gang pr. sekund:

setInterval(displayHello, 1000);

Prøv selv

flere eksempler findes nedenfor på siden.

syntaks

setInterval(function, milliseconds, param1, param2, ...)

parametre

parametre beskrivelse
function obligatorisk. Funktionen, der skal udføres
milliseconds

obligatorisk. Udførelsesinterval.

hvis værdien er mindre end 10, brug så 10.
param1, param2, ...

valgfri. Yderligere parametre, der sendes til funktionen.

IE9 og tidligere versioner understøtter ikke.

returnerværdi

type beskrivelse
nummer

tællers ID.

venligst brug denne id med clearInterval() brug sammen for at annullere tælleren.

browser understøtter

alle browsere understøtter setInterval()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support

Flere eksempler

Eksempel 3

Vis tid som et ur:

setInterval(myTimer, 1000);
function myTimer() {
  const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}

Prøv selv

Eksempel 4

Stop uret ved hjælp af clearInterval():

const myInterval = setInterval(myTimer, 1000);
function myTimer() {
  const date = new Date();
  document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
  clearInterval(myInterval);
}

Prøv selv

Eksempel 5

Opret en dynamisk fremdriftsbar ved hjælp af setInterval() og clearInterval():

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 + '%';
    }
  }
}

Prøv selv

Eksempel 6

Skift mellem to baggrundsfarver hver 500 millisekunder:

const myInterval = setInterval(setColor, 500);
function setColor() {
  let x = document.body;
  x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
  clearInterval(myInterval);
}

Prøv selv

Eksempel 7

Overfør parametre til funktionen (fungerer ikke i IE9 og tidligere versioner):

setInterval(myFunc, 2000, "param1", "param2");

Prøv selv

Men, hvis du bruger en anonym funktion, gælder det for alle browsere:

setInterval(function() {myFunc("param1", "param2")}, 2000);

Prøv selv