logo

Mètode JavaScript setInterval().

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 == &apos;lightblue&apos; ? &apos;lightgreen&apos; : &apos;lightblue&apos;; } function stop() { clearInterval(var1); } 
Prova-ho ara

Sortida

Mètode JavaScript setInterval().

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à -

Mètode JavaScript setInterval().