Javascript setInterval ()

V tej vadnici boste s pomočjo primerov spoznali metodo JavaScript setInterval ().

V JavaScript se lahko blok kode izvede v določenih časovnih intervalih. Ti časovni intervali se imenujejo časovni dogodki.

Obstajata dve metodi za izvajanje kode v določenih intervalih. To so:

  • setInterval ()
  • setTimeout ()

V tej vadnici boste izvedeli več o setInterval()metodi.

JavaScript setInterval ()

setInterval()Postopek ponovi blok kode na vsaki dani časovni dogodek.

Pogosto uporabljena sintaksa JavaScript setInterval je:

 setInterval(function, milliseconds);

Njegovi parametri so:

  • funkcija - funkcija, ki vsebuje blok kode
  • milisekunde - časovni interval med izvajanjem funkcije

setInterval()Postopek vrne intervalID ki je pozitivno celo število.

Primer 1: Besedilo prikažite enkrat na 1 sekundo

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

Izhod

 Pozdravljen svet Pozdravljen svet Pozdravljen svet Pozdravljen svet …

V zgornjem programu setInterval()metoda prikliče greet()funkcijo vsakih 1000 milisekund ( 1 sekundo).

Zato program enkrat na 1 sekundo prikaže besedilo Hello world .

Opomba : setInterval()Metoda je uporabna, če želite večkrat ponoviti blok kode. Na primer prikaz sporočila v določenem intervalu.

Primer 2: Čas prikaza vsakih 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);

Izhod

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

Zgornji program prikaže trenutni čas vsakih 5 sekund.

new Date()prikazuje trenutni datum in uro. In toLocaleTimeString()vrne trenutni čas. Če želite izvedeti več o datumu in času, obiščite datum in uro JavaScript.

JavaScript clearInterval ()

Kot ste videli v zgornjem primeru, program izvrši blok kode v vsakem določenem časovnem intervalu. Če želite ustaviti ta klic funkcije, lahko uporabite clearInterval()metodo.

Sintaksa clearInterval()metode je:

 clearInterval(intervalID);

Tu intervalIDje vrnjena vrednost setInterval()metode.

Primer 3: Uporabite metodo 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);

Izhod

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

V zgornjem programu se setInterval()metoda uporablja za prikaz trenutnega časa vsaki 2 sekundi. clearInterval()Postopek ustavi klic funkcije po 5 -krat.

setInterval()Metodi lahko posredujete tudi dodatne argumente . Sintaksa je:

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

Ko se boste peljali dodatne parametre na setInterval()način, ti parametri ( parameter1, parameter2bo, itd), se prenese na določeno funkcijo .

Na primer

 // program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setInterval setInterval(greet, 1000, 'John', 'Doe');

Izhod

 Pozdravljeni John Doe Pozdravljeni John Doe Pozdravljeni John Doe….

V zgornjem programu sta dva parametra Johnin Doeposredovana setInterval()metodi. Ta dva parametra sta argumenta, ki se posredujeta funkciji (tukaj greet()funkcija), ki je definirana znotraj setInterval()metode.

Opomba: Če morate funkcijo izvesti le enkrat, je bolje uporabiti metodo setTimeout ().

Zanimive Članki...