Šajā apmācībā jūs uzzināsit par JavaScript setTimeout () metodi ar piemēru palīdzību.
setTimeout()Metode izpilda bloku kods pēc noteikta laika. Metode kodu izpilda tikai vienu reizi.
Parasti izmantotā JavaScript setTimeout sintakse ir:
setTimeout(function, milliseconds);
Tās parametri ir:
- funkcija - funkcija, kas satur koda bloku
- milisekundes - laiks, pēc kura funkcija tiek izpildīta
setTimeout()Metode atgriež intervalID , kas ir pozitīvs vesels skaitlis.
1. piemērs: Teksta parādīšana vienreiz pēc 3 sekundēm
// program to display a text using setTimeout method function greet() ( console.log('Hello world'); ) setTimeout(greet, 3000); console.log('This message is shown first');
Rezultāts
Šis ziņojums vispirms tiek parādīts sveiki pasaulē
Iepriekš minētajā programmā setTimeout()metode izsauc greet()funkciju pēc 3000 milisekundēm ( 3 sekundēm).
Tādējādi programma pēc 3 sekundēm parāda tekstu Hello world tikai vienu reizi .
Piezīme . setTimeout()Metode ir noderīga, ja vēlaties kādu laiku izpildīt vienu bloku. Piemēram, ziņojuma parādīšana lietotājam pēc norādītā laika.
setTimeout()Metode atgriež intervālu id. Piemēram,
// program to display a text using setTimeout method function greet() ( console.log('Hello world'); ) let intervalId = setTimeout(greet, 3000); console.log('Id: ' + intervalId);
Rezultāts
Id: 3 Sveika pasaule
2. piemērs: displeja laiks ik pēc 3 sekundēm
// program to display time every 3 seconds function showTime() ( // return new date and time let dateTime= new Date(); // returns the current local time let time = dateTime.toLocaleTimeString(); console.log(time) // display the time after 3 seconds setTimeout(showTime, 3000); ) // calling the function showTime();
Rezultāts
17:45:39 5:45:43 PM 17:45:47 17:45:50…
Iepriekš minētā programma laiku parāda ik pēc 3 sekundēm.
setTimeout()Metode izsauc funkciju tikai vienu reizi pēc laika intervāla (šeit 3 sekundes).
Tomēr iepriekšminētajā programmā, tā kā funkcija izsauc sevi, programma ik pēc 3 sekundēm parāda laiku .
Šī programma darbojas bezgalīgi (līdz atmiņa ir beigusies).
Piezīme : Ja funkcija ir jāizpilda vairākas reizes, labāk izmantot setInterval()metodi.
JavaScript clearTimeout ()
Kā redzējāt iepriekš minētajā piemērā, programma izpilda koda bloku pēc noteiktā laika intervāla. Ja vēlaties pārtraukt šīs funkcijas izsaukumu, varat izmantot clearTimeout()metodi.
Metodes sintakse clearTimeout()ir:
clearTimeout(intervalID);
Šeit intervalIDir setTimeout()metodes atgriešanās vērtība .
3. piemērs: izmantojiet metodi clearTimeout ()
// program to stop the setTimeout() method let count = 0; // function creation function increaseCount()( // increasing the count by 1 count += 1; console.log(count) ) let id = setTimeout(increaseCount, 3000); // clearTimeout clearTimeout(id); console.log('setTimeout is stopped.');
Rezultāts
setTimeout ir apturēts.
Iepriekš minētajā programmā setTimeout()metodi izmanto, lai palielinātu skaitīšanas vērtību pēc 3 sekundēm. Tomēr clearTimeout()metode pārtrauc metodes funkcijas izsaukumu setTimeout(). Tādējādi skaitīšanas vērtība netiek palielināta.
Piezīme . Parasti clearTimeout()metodi izmantojat, ja jums ir jāatceļ setTimeout()metodes izsaukums, pirms tas notiek.
setTimeout()Metodei varat arī nodot papildu argumentus . Sintakse ir:
setTimeout(function, milliseconds, parameter1,… .paramenterN);
Kad jūs iet papildu parametrus, setTimeout()metodes, šie parametri ( parameter1, parameter2utt), 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 setTimeout setTimeout(greet, 1000, 'John', 'Doe');
Rezultāts
Sveiks, Džons Doe
Iepriekš minētajā programmā divi parametri Johnun Doetiek nodoti setTimeout()metodei. Šie divi parametri ir argumenti, kas tiks nodoti funkcijai (šeit, greet()funkcija), kas definēta setTimeout()metodes iekšienē .
Ieteicams lasīt: JavaScript asinhronizē () un gaida ()
