The setInterval() Metoda în JavaScript este folosită pentru a repeta o funcție specificată la fiecare interval de timp dat. Evaluează o expresie sau apelează o funcție la intervale date. Această metodă continuă apelarea funcției până când fereastra este închisă sau clearInterval() se numește metoda. Această metodă returnează o valoare numerică sau un număr diferit de zero care identifică temporizatorul creat.
spre deosebire de setTimeout() metoda, cea setInterval() metoda invocă funcția de mai multe ori. Această metodă poate fi scrisă cu sau fără fereastră prefix.
Sintaxa folosită în mod obișnuit a lui setInterval() metoda este prezentată mai jos:
Sintaxă
window.setInterval(function, milliseconds);
Valorile parametrilor
Această metodă ia două valori ale parametrilor funcţie și milisecunde care sunt definite după cum urmează.
funcţie: Este funcția care conține blocul de cod care va fi executat.
milisecunde: Acest parametru reprezintă durata intervalului de timp dintre fiecare execuție. Intervalul este în milisecunde. Acesta definește cât de des va fi executat codul. Dacă valoarea sa este mai mică de 10, se folosește valoarea 10.
Cum să oprești execuția?
Putem folosi clearInterval() metodă de a opri execuția funcției specificate în setInterval() metodă. Valoarea returnată de setInterval() metoda poate fi folosită ca argument al clearInterval() metoda de a anula timeout-ul.
Să înțelegem utilizarea setInterval() metoda prin utilizarea unor ilustrații.
Exemplul 1
Acesta este un exemplu simplu de utilizare a setInterval() metodă. Aici se afișează o casetă de dialog de alertă la un interval de 3 secunde. Nu folosim nicio metodă pentru a opri execuția funcției specificate în setInterval() metodă. Deci metoda continuă execuția funcției până când fereastra este închisă.
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); }Testează-l acum
Ieșire
Culoarea fundalului va începe să se schimbe după 200 de milisecunde. Făcând clic pe specificat Stop butonul, comutarea între culori va fi oprită pe culoarea de fundal corespunzătoare. Rezultatul după ce faceți clic pe butonul va fi -