Šajā apmācībā jūs uzzināsit par JavaScript setInterval () metodi ar piemēru palīdzību.
JavaScript koda bloku var izpildīt noteiktos laika intervālos. Šos laika intervālus sauc par laika notikumiem.
Ir divas metodes koda izpildei ar noteiktiem intervāliem. Viņi ir:
- setInterval ()
- setTimeout ()
Šajā apmācībā jūs uzzināsiet par setInterval()
metodi.
JavaScript setInterval ()
setInterval()
Metodi atkārto bloku kodu katrā konkrētā laika notikumu.
Visbiežāk izmantotā JavaScript setInterval sintakse ir:
setInterval(function, milliseconds);
Tās parametri ir:
- funkcija - funkcija, kas satur koda bloku
- milisekundes - laika intervāls starp funkcijas izpildi
setInterval()
Metode atgriež intervalID kas ir pozitīvs vesels skaitlis.
1. piemērs: Teksta parādīšana reizi 1 sekundē
// program to display a text using setInterval method function greet() ( console.log('Hello world'); ) setInterval(greet, 1000);
Rezultāts
Sveika pasaule Sveika pasaule Sveika pasaule Sveika pasaule Sveika pasaule ….
Iepriekš minētajā programmā setInterval()
metode izsauc greet()
funkciju ik pēc 1000 milisekundēm ( 1 sekunde).
Tādējādi programma reizi 1 sekundē parāda tekstu Hello world .
Piezīme . setInterval()
Metode ir noderīga, ja vēlaties vairākas reizes atkārtot koda bloku. Piemēram, parādot ziņojumu ar fiksētu intervālu.
2. piemērs: displeja laiks ik pēc 5 sekundēm
// 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);
Rezultāts
"17:15:28 PM" "17:15:33 PM" "17:15:38 PM"….
Iepriekš minētā programma parāda pašreizējo laiku reizi 5 sekundēs.
new Date()
norāda pašreizējo datumu un laiku. Un toLocaleTimeString()
atgriež pašreizējo laiku. Lai uzzinātu vairāk par datumu un laiku, apmeklējiet JavaScript datumu un laiku.
JavaScript clearInterval ()
Kā redzējāt iepriekš minētajā piemērā, programma izpilda koda bloku katrā norādītajā laika intervālā. Ja vēlaties pārtraukt šīs funkcijas izsaukumu, varat izmantot clearInterval()
metodi.
Metodes sintakse clearInterval()
ir:
clearInterval(intervalID);
Šeit intervalID
ir setInterval()
metodes atgriešanās vērtība .
3. piemērs: izmantojiet metodi 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);
Rezultāts
16:47:41 4:47:43 PM 16:47:45 PM 16:47:47 PM 16:47:49 PM
Iepriekš minētajā programmā setInterval()
metodi izmanto, lai parādītu pašreizējo laiku ik pēc 2 sekundēm. clearInterval()
Metode aptur funkciju zvanu pēc 5 reizes.
setInterval()
Metodei varat arī nodot papildu argumentus . Sintakse ir:
setInterval(function, milliseconds, parameter1,… .paramenterN);
Kad jūs iet papildu parametrus, setInterval()
metodes, šie parametri ( parameter1
, parameter2
utt), tiks nodots ar norādīto funkciju .
Piemēram,
// program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setInterval setInterval(greet, 1000, 'John', 'Doe');
Rezultāts
Sveiki, John Doe Sveiki, John Doe Sveiki, John Doe …
Iepriekš minētajā programmā divi parametri John
un Doe
tiek nodoti setInterval()
metodei. Šie divi parametri ir argumenti, kas tiks nodoti funkcijai (šeit, greet()
funkcija), kas definēta setInterval()
metodes iekšienē .
Piezīme. Ja funkcija ir jāizpilda tikai vienu reizi, labāk izmantot metodi setTimeout ().