Ultimele tutoriale de dezvoltare web
 

Fereastră setInterval() Method

<Fereastra Object

Exemplu

Alarma "Hello" , la fiecare 3 secunde (3000 milliseconds) :

setInterval(function(){ alert("Hello"); }, 3000);
Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.

Definiție și utilizare

setInterval() metoda numește o funcție sau evaluează o expresie la intervale de timp specificate (in milliseconds) .

setInterval() metoda va continua până la apelarea funcției clearInterval() se numește, sau fereastra este închisă.

Valoarea ID returnat de setInterval() este folosit ca parametru pentru clearInterval() metoda.

Tip: 1000 ms = 1 secundă.

Indicație: Pentru a executa o funcție doar o singură dată, după un anumit număr de milisecunde, utilizați setTimeout() metoda.

Suport pentru browser-

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin metoda.

Metodă
setInterval() 1.0 4 1.0 1.0 4

Sintaxă

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

Valorile parametrilor

Parametru Descriere
function Necesar. Funcția care va fi executat
milliseconds Necesar. Intervalele (in milliseconds) cu privire la cât de des pentru a executa codul
param1,param2,... Opțional. Parametrii suplimentari pentru a trece la funcția (nu este acceptat în IE9 și versiunile anterioare)

Detalii tehnice

Întoarcere Valoare: Un număr, reprezentând valoarea ID-timer-ul care este setat. Utilizați această valoare cu clearInterval() metoda pentru a anula temporizatorul
Exemple

Mai multe exemple

Exemplu

Puteți consulta , de asemenea , la un "named" funcția; Alarma "Hello" , la fiecare 3 secunde (3000 milliseconds) :

var myVar;

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

function alertFunc() {
    alert("Hello!");
}
Încearcă - l singur »

Exemplu

Afișează ora curentă (the setInterval() metoda va executa funcția dată la fiecare 1 secundă, la fel ca un ceas digital):

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

function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("demo").innerHTML = t;
}
Încearcă - l singur »

Exemplu

Utilizarea clearInterval() pentru a opri timpul în exemplul anterior:

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);
}
Încearcă - l singur »

Exemplu

Utilizarea setInterval() și clearInterval() pentru a crea o bară de progres dinamic:

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 + '%';
    }
  }
}
Încearcă - l singur »

Exemplu

Comuta între două culori de fundal o dată la fiecare 300 milisecunde:

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);
}
Încearcă - l singur »

Exemplu

Trece parametrii la funcția alertFunc (does not work in IE9 and earlier) :

var myVar;

function myStartFunction() {
    myVar = setInterval(alertFunc, 2000, "First param", "Second param");
}
Încearcă - l singur »

Cu toate acestea, dacă utilizați o funcție anonimă, acesta va funcționa în toate browserele:

var myVar;

function myStartFunction() {
    myVar = setInterval(function(){ alertFunc("First param", "Second param"); }, 2000);
}
Încearcă - l singur »

Pagini similare

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

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

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

<Fereastra Object