IL setInterval() Il metodo in JavaScript viene utilizzato per ripetere una funzione specificata ad ogni dato intervallo di tempo. Valuta un'espressione o chiama una funzione a determinati intervalli. Questo metodo continua la chiamata della funzione finché la finestra non viene chiusa o il clearInterval() viene chiamato il metodo. Questo metodo restituisce un valore numerico o un numero diverso da zero che identifica il timer creato.
non mi piace il setTimeout() metodo, il setInterval() Il metodo richiama la funzione più volte. Questo metodo può essere scritto con o senza finestra prefisso.
La sintassi comunemente usata di setInterval() il metodo è riportato di seguito:
Sintassi
window.setInterval(function, milliseconds);
Valori dei parametri
Questo metodo accetta due valori di parametro funzione E millisecondi che sono definiti come segue.
funzione: È la funzione contenente il blocco di codice che verrà eseguito.
millisecondi: Questo parametro rappresenta la lunghezza dell'intervallo di tempo tra ogni esecuzione. L'intervallo è in millisecondi. Definisce la frequenza con cui verrà eseguito il codice. Se il suo valore è inferiore a 10, viene utilizzato il valore 10.
Come fermare l'esecuzione?
Possiamo usare il clearInterval() metodo per interrompere l'esecuzione della funzione specificata in setInterval() metodo. Il valore restituito da setInterval() Il metodo può essere utilizzato come argomento di clearInterval() metodo per annullare il timeout.
Capiamo l'uso di setInterval() metodo utilizzando alcune illustrazioni.
Esempio 1
Questo è un semplice esempio di utilizzo di setInterval() metodo. Qui viene visualizzata una finestra di dialogo di avviso a un intervallo di 3 secondi. Non stiamo utilizzando alcun metodo per interrompere l'esecuzione della funzione specificata in setInterval() metodo. Quindi il metodo continua l'esecuzione della funzione finché la finestra non viene chiusa.
setInterval() method <h3> This is an example of using the setInterval() method </h3> <p> Here, the background color changes on every 200 milliseconds. </p> Stop var var1 = setInterval(color, 200); function color() { var var2 = document.body; var2.style.backgroundColor = var2.style.backgroundColor == 'lightblue' ? 'lightgreen' : 'lightblue'; } function stop() { clearInterval(var1); } Provalo adesso Produzione
Il colore dello sfondo inizierà a cambiare dopo 200 millisecondi. Facendo clic sul file specificato fermare pulsante, la commutazione tra i colori verrà interrotta sul colore di sfondo corrispondente. L'output dopo aver fatto clic sul pulsante sarà:
