În acest tutorial, veți afla despre metoda JavaScript setInterval () cu ajutorul exemplelor.
În JavaScript, un bloc de cod poate fi executat în intervale de timp specificate. Aceste intervale de timp se numesc evenimente de sincronizare.
Există două metode pentru executarea codului la intervale specifice. Sunt:
- setInterval ()
- setTimeout ()
În acest tutorial, veți afla despre setInterval()metodă.
JavaScript setInterval ()
setInterval()Metoda repetă un bloc de cod la fiecare eveniment de sincronizare dat.
Sintaxa frecvent utilizată a JavaScript setInterval este:
setInterval(function, milliseconds);
Parametrii săi sunt:
- funcție - o funcție care conține un bloc de cod
- milisecunde - intervalul de timp dintre executarea funcției
setInterval()Metoda returneaza un intervalID care este un întreg pozitiv.
Exemplul 1: Afișați un text o dată la 1 secundă
// program to display a text using setInterval method function greet() ( console.log('Hello world'); ) setInterval(greet, 1000);
Ieșire
Hello world Hello world Hello world Hello world Hello world….
În programul de mai sus, setInterval()metoda apelează greet()funcția la fiecare 1000 de milisecunde ( 1 secundă).
Prin urmare, programul afișează textul Hello world o dată la 1 secundă.
Notă : setInterval()Metoda este utilă atunci când doriți să repetați un bloc de cod de mai multe ori. De exemplu, afișarea unui mesaj la un interval fix.
Exemplul 2: Afișarea timpului la fiecare 5 secunde
// program to display time every 5 seconds function showTime() ( // return new date and time let dateTime= new Date(); // return the time let time = dateTime.toLocaleTimeString(); console.log(time) ) let display = setInterval(showTime, 5000);
Ieșire
"17:15:28 PM" "17:15:33 PM" "17:15:38 PM"….
Programul de mai sus afișează ora curentă o dată la 5 secunde.
new Date()oferă data și ora curente. Și toLocaleTimeString()returnează ora curentă. Pentru a afla mai multe despre dată și oră, accesați Data și ora JavaScript.
JavaScript clearInterval ()
După cum ați văzut în exemplul de mai sus, programul execută un bloc de cod la fiecare interval de timp specificat. Dacă doriți să opriți acest apel funcțional, puteți utiliza clearInterval()metoda.
Sintaxa clearInterval()metodei este:
clearInterval(intervalID);
Aici, intervalIDeste valoarea returnată a setInterval()metodei.
Exemplul 3: Utilizați metoda clearInterval ()
// program to stop the setInterval() method after five times let count = 0; // function creation let interval = setInterval(function()( // increasing the count by 1 count += 1; // when count equals to 5, stop the function if(count === 5)( clearInterval(interval); ) // display the current time let dateTime= new Date(); let time = dateTime.toLocaleTimeString(); console.log(time); ), 2000);
Ieșire
16:47:41 16:47:43 16:47:45 16:47:47 16:47:49
În programul de mai sus, setInterval()metoda este utilizată pentru a afișa ora curentă la fiecare 2 secunde. clearInterval()Metoda se oprește apelul funcției , după 5 ori.
De asemenea, puteți transmite argumente suplimentare setInterval()metodei. Sintaxa este:
setInterval(function, milliseconds, parameter1,… .paramenterN);
Când treci parametri suplimentari la setInterval()metoda, acești parametri ( parameter1, parameter2etc.) vor fi transmise la specificată funcția .
De exemplu,
// program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setInterval setInterval(greet, 1000, 'John', 'Doe');
Ieșire
Bună ziua John Doe Bună ziua John Doe Bună ziua John Doe….
În programul de mai sus, doi parametri Johnși Doesunt transferați la setInterval()metodă. Acești doi parametri sunt argumentele care vor fi transmise funcției (aici, greet()funcție) care este definită în interiorul setInterval()metodei.
Notă: Dacă trebuie să executați o funcție o singură dată, este mai bine să utilizați metoda setTimeout ().
