Javascripti komplektInterval ()

Selles õpetuses saate näidete abil õppida meetodit JavaScripti setInterval ().

JavaScripti abil saab koodiploki käivitada määratud ajaintervallidega. Neid ajaintervalle nimetatakse ajastussündmusteks.

Koodi täitmiseks kindlate ajavahemike järel on kaks meetodit. Nemad on:

  • setInterval ()
  • setTimeout ()

Selles õpetuses saate teada setInterval()meetodi kohta.

JavaScripti komplektInterval ()

setInterval()Meetodit korratakse koodiplokk igal antud ajastus sündmuseks.

JavaScripti setIntervali tavaliselt kasutatav süntaks on:

 setInterval(function, milliseconds);

Selle parameetrid on järgmised:

  • function - koodiploki sisaldav funktsioon
  • millisekundid - ajavahemik funktsiooni täitmise vahel

setInterval()Meetod tagastab intervalID mis on positiivne täisarv.

Näide 1: teksti kuvamine 1 sekundi tagant

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

Väljund

 Tere maailm Tere maailm Tere maailm Tere maailm Tere maailm ….

Ülaltoodud programmis setInterval()kutsub meetod greet()funktsiooni iga 1000 millisekundi ( 1 sekund) järel.

Seega programmi kuvab teksti Hello world kord 1 teine.

Märkus . setInterval()Meetod on kasulik, kui soovite koodiplokki mitu korda korrata. Näiteks kindla intervalliga sõnumi näitamine.

Näide 2: kuvamisaeg iga 5 sekundi järel

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

Väljund

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

Ülaltoodud programm kuvab praeguse kellaaja iga 5 sekundi järel.

new Date()annab praeguse kuupäeva ja kellaaja. Ja toLocaleTimeString()tagastab praeguse kellaaja. Kuupäeva ja kellaaja kohta lisateabe saamiseks külastage JavaScripti kuupäeva ja kellaaega.

JavaScript clearInterval ()

Nagu näite ülaltoodud näites, käivitab programm koodiploki igal määratud ajaintervallil. Kui soovite selle funktsiooni kõne peatada, saate clearInterval()meetodit kasutada .

Meetodi süntaks clearInterval()on:

 clearInterval(intervalID);

Siin intervalIDon setInterval()meetodi tagastusväärtus .

Näide 3: kasutage meetodit 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);

Väljund

 16:47:41 4:47:43 PM 16:47:45 16:47:47 16:47:49 16:47:49

Ülaltoodud programmis kasutatakse setInterval()meetodit praeguse aja kuvamiseks iga 2 sekundi järel. clearInterval()Meetodi seiskab funktsioon kõne pärast 5 korda.

Samuti saate setInterval()meetodile edastada täiendavaid argumente . Süntaks on:

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

Kui teil läbida täiendavaid parameetreid setInterval()meetod, need parameetrid ( parameter1, parameter2jne) antakse edasi määratud funktsiooni .

Näiteks,

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

Väljund

 Tere John Doe Tere John Doe Tere John Doe….

Eespool programmi kaks parameetrit Johnja Doeülesanded edastatakse setInterval()meetod. Need kaks parameetrit on argumendid, mis edastatakse meetodi greet()sees määratletud funktsioonile (siin, funktsioon) setInterval().

Märkus. Kui peate funktsiooni käivitama ainult ühe korra, on parem kasutada meetodit setTimeout ().

Huvitavad Artiklid...