Neueste Web-Entwicklung Tutorials
 

Fenster setInterval() Method

<Fensterobjekt

Beispiel

Alarm "Hello" alle 3 Sekunden (3000 milliseconds) :

setInterval(function(){ alert("Hello"); }, 3000);
Versuch es selber "

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.

Definition und Verwendung

Die setInterval() Methode ruft eine Funktion oder wertet einen Ausdruck in bestimmten Abständen (in milliseconds) .

Die setInterval() Methode wird auch weiterhin die Funktion , bis Aufruf clearInterval() aufgerufen wird , oder das Fenster geschlossen ist.

Der ID - Wert zurückgegeben durch setInterval() wird als Parameter für die verwendete clearInterval() Methode.

Tip: 1000 ms = 1 Sekunde.

Tipp: Um eine Funktion auszuführen , nur einmal, nach einer bestimmten Anzahl von Millisekunden, verwenden Sie die setTimeout() Methode.

Browser-Unterstützung

Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Methode vollständig unterstützt.

Methode
setInterval() 1.0 4.0 1.0 1.0 4.0

Syntax

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

Parameterwerte

Parameter Beschreibung
function Erforderlich. Die Funktion, die ausgeführt wird
milliseconds Erforderlich. Die Intervalle (in milliseconds) an , wie oft den Code auszuführen
param1,param2,... Optional. Zusätzliche Parameter an die Funktion übergeben (nicht in IE9 und früher unterstützt)

Technische Details

Rückgabewert: Eine Zahl ist, die den ID-Wert des Timers, der eingestellt wird. Mit diesem Wert mit der clearInterval() Methode des Timer abzubrechen
Beispiele

Mehr Beispiele

Beispiel

Sie können auch zu einer siehe "named" Funktion; Alarm "Hello" alle 3 Sekunden (3000 milliseconds) :

var myVar;

function myFunction() {
    myVar = setInterval(alertFunc, 3000);
}

function alertFunc() {
    alert("Hello!");
}
Versuch es selber "

Beispiel

Anzeige die aktuelle Zeit (the setInterval() Methode wird die Funktion einmal alle 1 Sekunde ausführen, wie eine digitale Uhr):

var myVar = setInterval(function(){ myTimer() }, 1000);

function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("demo").innerHTML = t;
}
Versuch es selber "

Beispiel

Verwendung clearInterval() Zeit im vorherigen Beispiel zu stoppen:

var myVar = setInterval(function(){ myTimer() }, 1000);

function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("demo").innerHTML = t;
}

function myStopFunction() {
    clearInterval(myVar);
}
Versuch es selber "

Beispiel

Mit setInterval() und clearInterval() ein dynamischen Fortschrittsbalken zu erstellen:

function move() {
  var elem = document.getElementById("myBar");
  var width = 0;
  var id = setInterval(frame, 10);
  function frame() {
    if (width == 100) {
      clearInterval(id);
    } else {
      width++;
      elem.style.width = width + '%';
    }
  }
}
Versuch es selber "

Beispiel

Umschalten zwischen zwei Hintergrundfarben einmal alle 300 Millisekunden:

var myVar = setInterval(function(){ setColor() }, 300);

function setColor() {
    var x = document.body;
    x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}

function stopColor() {
    clearInterval(myVar);
}
Versuch es selber "

Beispiel

Übergeben Sie Parameter an die Funktion alertFunc (does not work in IE9 and earlier) :

var myVar;

function myStartFunction() {
    myVar = setInterval(alertFunc, 2000, "First param", "Second param");
}
Versuch es selber "

wenn Sie eine anonyme Funktion jedoch verwenden, wird es in allen Browsern funktionieren:

var myVar;

function myStartFunction() {
    myVar = setInterval(function(){ alertFunc("First param", "Second param"); }, 2000);
}
Versuch es selber "

Verwandte Seiten

Fensterobjekt: href="met_win_clearinterval.html"> clearInterval() Method

Fensterobjekt: href="met_win_settimeout.html"> setTimeout() Method

Fensterobjekt: href="met_win_cleartimeout.html"> clearTimeout() Method

<Fensterobjekt