Najnowsze tutoriale tworzenie stron internetowych
 

Okno setInterval() Method

<Okno Object

Przykład

Alert "Hello" co 3 sekundy (3000 milliseconds) :

setInterval(function(){ alert("Hello"); }, 3000);
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

setInterval() sposób wywołuje funkcję lub ocenia się ekspresji w określonych odstępach czasu (in milliseconds) .

setInterval() metoda będzie nadal wywołując funkcję aż clearInterval() jest wywoływana, czy okno jest zamknięte.

Wartość identyfikatora zwrócony przez setInterval() stosuje się jako parametr dla clearInterval() sposobu.

Tip: 1000 ms = 1 sekunda.

Wskazówka: Aby wykonać funkcję tylko raz, po upływie określonej liczby milisekund, należy użyć setTimeout() metody.


Wsparcie przeglądarka

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje metodę.

metoda
setInterval() 1,0 4.0 1,0 1,0 4.0

Składnia

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

wartości parametrów

Parametr Opis
function Wymagany. Funkcja, która zostanie wykonana
milliseconds Wymagany. Odstępy (in milliseconds) , jak często wykonywać kod
param1,param2,... Opcjonalny. Dodatkowe parametry, aby przejść do funkcji (nieobsługiwane w IE9 i wcześniej)

Szczegóły techniczne

Zwracana wartość: A Liczba reprezentująca wartość identyfikatora timera, który jest ustawiony. Za pomocą tej wartości z clearInterval() sposobu anulowania stoper

Przykłady

Więcej przykładów

Przykład

Można również odwołać się do "named" funkcji; Alert "Hello" co 3 sekundy (3000 milliseconds) :

var myVar;

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

function alertFunc() {
    alert("Hello!");
}
Spróbuj sam "

Przykład

Wyświetlanie bieżącego czasu (the setInterval() metoda wykonania funkcji raz na 1 sekundę, podobnie jak zegarek cyfrowy):

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

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

Przykład

Korzystanie clearInterval() , aby zatrzymać czas w poprzednim przykładzie:

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);
}
Spróbuj sam "

Przykład

Korzystanie setInterval() i clearInterval() , aby utworzyć dynamiczny pasek postępu:

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 + '%';
    }
  }
}
Spróbuj sam "

Przykład

Przełączać się pomiędzy dwoma kolorami tła raz na 300 milisekund:

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);
}
Spróbuj sam "

Przykład

Przekazać parametry do funkcji alertFunc (does not work in IE9 and earlier) :

var myVar;

function myStartFunction() {
    myVar = setInterval(alertFunc, 2000, "First param", "Second param");
}
Spróbuj sam "

Jednakże, jeśli używasz anonimową funkcję, to będzie działać we wszystkich przeglądarkach:

var myVar;

function myStartFunction() {
    myVar = setInterval(function(){ alertFunc("First param", "Second param"); }, 2000);
}
Spróbuj sam "

Podobne strony

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

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

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


<Okno Object