El setInterval() El mètode de JavaScript s'utilitza per repetir una funció especificada en cada interval de temps donat. Avalua una expressió o crida una funció a intervals determinats. Aquest mètode continua la crida de la funció fins que es tanca la finestra o el clearInterval() s'anomena mètode. Aquest mètode retorna un valor numèric o un número diferent de zero que identifica el temporitzador creat.
A diferència del setTimeout() mètode, el setInterval() mètode invoca la funció diverses vegades. Aquest mètode es pot escriure amb o sense finestra prefix.
La sintaxi d'ús habitual setInterval() el mètode es mostra a continuació:
Sintaxi
window.setInterval(function, milliseconds);
Valors dels paràmetres
Aquest mètode pren dos valors de paràmetre funció i mil·lisegons que es defineixen de la següent manera.
funció: És la funció que conté el bloc de codi que s'executarà.
mil·lisegons: Aquest paràmetre representa la durada de l'interval de temps entre cada execució. L'interval és en mil·lisegons. Defineix amb quina freqüència s'executarà el codi. Si el seu valor és inferior a 10, s'utilitza el valor 10.
Com aturar l'execució?
Podem utilitzar el clearInterval() mètode per aturar l'execució de la funció especificada a setInterval() mètode. El valor que retorna el setInterval() mètode es pot utilitzar com a argument de clearInterval() mètode per cancel·lar el temps d'espera.
Entenem l'ús de setInterval() mètode utilitzant algunes il·lustracions.
Exemple 1
Aquest és un exemple senzill d'utilitzar setInterval() mètode. Aquí, es mostra un quadre de diàleg d'alerta amb un interval de 3 segons. No estem utilitzant cap mètode per aturar l'execució de la funció especificada a setInterval() mètode. Així, el mètode continua l'execució de la funció fins que es tanqui la finestra.
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); }Prova-ho ara
Sortida
El color del fons començarà a canviar al cap de 200 mil·lisegons. En fer clic a l'especificat Atura botó, la commutació entre els colors s'aturarà al color de fons corresponent. La sortida després de fer clic al botó serà -