Javascript setInterval ()

I denne opplæringen vil du lære om JavaScript setInterval () -metoden ved hjelp av eksempler.

I JavaScript kan en blokk med kode utføres i angitte tidsintervaller. Disse tidsintervallene kalles tidsbegivenheter.

Det er to metoder for å utføre kode med bestemte intervaller. De er:

  • setInterval ()
  • setTimeout ()

I denne veiledningen vil du lære om setInterval()metoden.

JavaScript setInterval ()

Den setInterval()metoden gjentar en blokk med kode til enhver gitt tidspunkt hendelsen.

Den ofte brukte syntaksen til JavaScript setInterval er:

 setInterval(function, milliseconds);

Parametrene er:

  • funksjon - en funksjon som inneholder en blokk med kode
  • millisekunder - tidsintervallet mellom utførelsen av funksjonen

Den setInterval()metoden returnerer en intervalID som er et positivt heltall.

Eksempel 1: Vis en tekst en gang hvert sekund

 // program to display a text using setInterval method function greet() ( console.log('Hello world'); ) setInterval(greet, 1000);

Produksjon

 Hello world Hello world Hello world Hello world ….

I programmet ovenfor setInterval()kaller metoden greet()funksjonen hvert 1000 millisekund ( 1 sekund).

Derfor viser programmet teksten Hello world en gang hvert 1 sekund.

Merk : setInterval()Metoden er nyttig når du vil gjenta en kodeblokk flere ganger. For eksempel å vise en melding med et fast intervall.

Eksempel 2: Vis tid hver 5. sekund

 // 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);

Produksjon

 "17:15:28 PM" "17:15:33 PM" "17:15:38 PM"….

Ovennevnte program viser gjeldende tid en gang hvert 5. sekund.

new Date()gir gjeldende dato og klokkeslett. Og toLocaleTimeString()returnerer gjeldende tid. For å lære mer om dato og klokkeslett, besøk JavaScript Dato og klokkeslett.

JavaScript clearInterval ()

Som du har sett i eksemplet ovenfor, kjører programmet en blokk med kode ved hvert spesifiserte tidsintervall. Hvis du vil stoppe denne funksjonssamtalen, kan du bruke clearInterval()metoden.

Syntaksen for clearInterval()metoden er:

 clearInterval(intervalID);

Her intervalIDer returverdien til setInterval()metoden.

Eksempel 3: Bruk clearInterval () -metoden

 // 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);

Produksjon

 16:47:41 16:47:43 16:47:45 16:47:47 16:47:49

I programmet ovenfor setInterval()brukes metoden for å vise gjeldende tid hvert 2. sekund. Den clearInterval()metoden hindrer den funksjonskallet etter 5 ganger.

Du kan også sende flere argumenter til setInterval()metoden. Syntaksen er:

 setInterval(function, milliseconds, parameter1,… .paramenterN);

Når man tilleggsparametere til den setInterval()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 setInterval setInterval(greet, 1000, 'John', 'Doe');

Produksjon

 Hello John Doe Hello John Doe Hello John Doe….

I de ovennevnte program, to parametere Johnog Doesendes til setInterval()fremgangsmåten. Disse to parametrene er argumentene som vil bli overført til funksjonen (her, greet()funksjon) som er definert i setInterval()metoden.

Merk: Hvis du bare trenger å utføre en funksjon en gang, er det bedre å bruke metoden setTimeout ().

Interessante artikler...