Javascript setInterval ()

I denne vejledning lærer du om JavaScript setInterval () -metoden ved hjælp af eksempler.

I JavaScript kan en blok kode udføres i bestemte tidsintervaller. Disse tidsintervaller kaldes tidsbegivenheder.

Der er to metoder til at udføre kode med bestemte intervaller. De er:

  • setInterval ()
  • setTimeout ()

I denne vejledning lærer du om setInterval()metoden.

JavaScript setInterval ()

Den setInterval()metode gentager en blok af kode ved enhver given timing begivenhed.

Den almindeligt anvendte syntaks for JavaScript setInterval er:

 setInterval(function, milliseconds);

Dens parametre er:

  • funktion - en funktion, der indeholder en blok kode
  • millisekunder - tidsintervallet mellem udførelsen af ​​funktionen

Den setInterval()metode returnerer en intervalID som er et positivt heltal.

Eksempel 1: Vis en tekst en gang hvert 1. sekund

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

Produktion

 Hej verden Hej verden Hej verden Hej verden Hej verden ….

I ovenstående program setInterval()kalder metoden greet()funktionen hver 1000 millisekunder ( 1 sekund).

Derfor viser programmet teksten Hej verden en gang hvert 1. sekund.

Bemærk : setInterval()Metoden er nyttig, når du vil gentage en blok kode flere gange. For eksempel at vise en besked med et fast interval.

Eksempel 2: Visningstid 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);

Produktion

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

Ovenstående program viser den aktuelle tid en gang hvert 5. sekund.

new Date()angiver den aktuelle dato og tid. Og toLocaleTimeString()returnerer den aktuelle tid. Hvis du vil vide mere om dato og klokkeslæt, skal du besøge JavaScript Dato og klokkeslæt.

JavaScript clearInterval ()

Som du har set i ovenstående eksempel, udfører programmet en kodeblok ved hvert specificeret tidsinterval. Hvis du vil stoppe dette funktionsopkald, kan du bruge clearInterval()metoden.

Syntaksen for clearInterval()metoden er:

 clearInterval(intervalID);

Her intervalIDer setInterval()metodens returværdi .

Eksempel 3: Brug 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);

Produktion

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

I ovenstående program setInterval()bruges metoden til at vise den aktuelle tid hvert 2. sekund. Den clearInterval()metode stopper funktionen opkald efter 5 gange.

Du kan også videregive yderligere argumenter til setInterval()metoden. Syntaksen er:

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

Når du passerer yderligere parametre til setInterval()metoden, disse parametre ( parameter1, parameter2vil, osv) overføres til den angivne funktion .

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

Produktion

 Hej John Doe Hej John Doe Hej John Doe….

I ovenstående program, to parametre Johnog Doeer videregivet til setInterval()metoden. Disse to parametre er de argumenter, der overføres til den funktion (her, greet()funktion), der er defineret inde i setInterval()metoden.

Bemærk: Hvis du kun har brug for at udføre en funktion én gang, er det bedre at bruge metoden setTimeout ().

Interessante artikler...