I denne veiledningen vil du lære om JavaScript setTimeout () -metoden ved hjelp av eksempler.
Den setTimeout()metode utfører en kodeblokk etter den angitte tid. Metoden utfører koden bare én gang.
Den vanlig brukte syntaksen for JavaScript setTimeout er:
setTimeout(function, milliseconds);
Parametrene er:
- funksjon - en funksjon som inneholder en blokk med kode
- millisekunder - tiden etter at funksjonen utføres
Den setTimeout()metoden returnerer en intervalID , som er et positivt heltall.
Eksempel 1: Vis en tekst en gang etter 3 sekunder
// program to display a text using setTimeout method function greet() ( console.log('Hello world'); ) setTimeout(greet, 3000); console.log('This message is shown first');
Produksjon
Denne meldingen vises først Hello world
I det ovennevnte programmet setTimeout()kaller metoden greet()funksjonen etter 3000 millisekunder ( 3 sekunder).
Programmet viser derfor teksten Hello world bare en gang etter 3 sekunder.
Merk : setTimeout()Metoden er nyttig når du vil utføre en blokk på en gang etter noe tid. For eksempel å vise en melding til en bruker etter den angitte tiden.
Den setTimeout()metoden returnerer intervallet id. For eksempel,
// program to display a text using setTimeout method function greet() ( console.log('Hello world'); ) let intervalId = setTimeout(greet, 3000); console.log('Id: ' + intervalId);
Produksjon
Id: 3 Hei verden
Eksempel 2: Vis tid hvert 3. sekund
// 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();
Produksjon
17:45:39 17:45:43 17:45:47 17:45:50…
Ovennevnte program viser tiden hvert 3. sekund.
Den setTimeout()metodekall av funksjon kun en gang etter tidsintervallet (her 3 sekunder).
I det ovennevnte programmet viser programmet imidlertid tiden hvert tredje sekund , siden funksjonen kaller seg selv .
Dette programmet kjører på ubestemt tid (til minnet går tom).
Merk : Hvis du trenger å utføre en funksjon flere ganger, er det bedre å bruke setInterval()metoden.
JavaScript clearTimeout ()
Som du har sett i eksemplet ovenfor, kjører programmet en blokk med kode etter det angitte tidsintervallet. Hvis du vil stoppe denne funksjonssamtalen, kan du bruke clearTimeout()metoden.
Syntaksen for clearTimeout()metoden er:
clearTimeout(intervalID);
Her intervalIDer returverdien til setTimeout()metoden.
Eksempel 3: Bruk clearTimeout () -metoden
// 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.');
Produksjon
setTimeout er stoppet.
I det ovennevnte programmet brukes setTimeout()metoden for å øke verdien på telling etter 3 sekunder. Imidlertid clearTimeout()stanser fremgangsmåten funksjonsoppropet av setTimeout()metoden. Derfor økes ikke telleverdien.
Merk : Du bruker vanligvis clearTimeout()metoden når du trenger å avbryte setTimeout()metodeanropet før det skjer.
Du kan også sende flere argumenter til setTimeout()metoden. Syntaksen er:
setTimeout(function, milliseconds, parameter1,… .paramenterN);
Når man tilleggsparametere til den setTimeout()metode, disse parameterne ( parameter1, parameter2vil, etc.) føres til den spesifiserte funksjon .
For eksempel,
// program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setTimeout setTimeout(greet, 1000, 'John', 'Doe');
Produksjon
Hei John Doe
I de ovennevnte program, to parametere Johnog Doesendes til setTimeout()fremgangsmåten. Disse to parametrene er argumentene som vil bli overført til funksjonen (her, greet()funksjon) som er definert i setTimeout()metoden.
Anbefalt lesing: JavaScript async () og venter ()
