Gli ultimi tutorial di sviluppo web
 

Finestra setInterval() Method

<Window Object

Esempio

Alert "Hello" ogni 3 secondi (3000 milliseconds) :

setInterval(function(){ alert("Hello"); }, 3000);
Prova tu stesso "

Più "Try it Yourself" esempi di seguito.

Definizione e l'utilizzo

Il setInterval() metodo chiama una funzione o valuta un'espressione ad intervalli specifici (in milliseconds) .

Il setInterval() metodo continuerà richiamo della funzione fino clearInterval() è chiamato, o la finestra è chiusa.

Il valore ID restituito da setInterval() viene utilizzato come parametro per la clearInterval() metodo.

Tip: 1000 ms = 1 secondo.

Tip: Per eseguire una funzione solo una volta, dopo un numero specificato di millisecondi, usa il setTimeout() metodo.

Supporto browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.

Metodo
setInterval() 1.0 4.0 1.0 1.0 4.0

Sintassi

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

valori dei parametri

Parametro Descrizione
function Necessario. La funzione che sarà eseguito
milliseconds Necessario. Gli intervalli (in milliseconds) su come spesso per eseguire il codice
param1,param2,... Opzionale. Ulteriori parametri da passare alla funzione (non supportato in IE9 e precedenti)

Dettagli tecnici

Valore di ritorno: Un numero, che rappresenta il valore ID del timer impostato. Utilizzare questo valore con il clearInterval() metodo per annullare il timer
Esempi

Altri esempi

Esempio

Si può anche fare riferimento a un "named" la funzione; Alert "Hello" ogni 3 secondi (3000 milliseconds) :

var myVar;

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

function alertFunc() {
    alert("Hello!");
}
Prova tu stesso "

Esempio

Visualizzare l'ora corrente (the setInterval() il metodo eseguirà la funzione di una volta ogni 1 secondo, proprio come un orologio digitale):

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

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

Esempio

Utilizzando clearInterval() per fermare il tempo nel precedente esempio:

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);
}
Prova tu stesso "

Esempio

Utilizzando setInterval() e clearInterval() per creare una barra di avanzamento dinamica:

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 + '%';
    }
  }
}
Prova tu stesso "

Esempio

Commutare tra due colori di sfondo una volta ogni 300 millisecondi:

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);
}
Prova tu stesso "

Esempio

Passare parametri alla funzione alertFunc (does not work in IE9 and earlier) :

var myVar;

function myStartFunction() {
    myVar = setInterval(alertFunc, 2000, "First param", "Second param");
}
Prova tu stesso "

Tuttavia, se si utilizza una funzione anonima, che funzionerà in tutti i browser:

var myVar;

function myStartFunction() {
    myVar = setInterval(function(){ alertFunc("First param", "Second param"); }, 2000);
}
Prova tu stesso "

Pagine correlate

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

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

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

<Window Object