Hvordan planlegge oppgaver ved hjelp av Settimeout og SetInterval i JavaScript

JavaScript gir et par innebygde metoder for tidsplanlegging som "Settimeout ()" -metode og "setInterval ()" -metode. Disse metodene brukes til å planlegge oppgavene, "setTimeout ()" -metoden utfører en funksjon bare en gang til det planlagte tidspunktet, men metoden "setterval ()" påkaller en funksjon gjentatte ganger etter den spesifiserte ventetiden.

setInterval () -metode i JavaScript

JavaScript tilbyr en SetInterval () -metode som lar oss påkalle en funksjon gjentatte ganger. Det tar to parametere en for funksjonen å påkalle, og den andre parameteren er for tiden. De “SetInterval ()” kan ta flere parametere og gi dem til tilbakeringingsfunksjonen.

Vi vil vurdere et eksempel for å forstå arbeidet med SetInterval () -metoden:

La nummer = 0;
La nummer = 0;
funksjon firkant ()
nummer ++;
SEQ = NUMMER*NUMMER;
konsoll.logg ("tall er lik:", tall);
konsoll.Logg ("Square of the Number:", Seq);

setInterval (firkant, 3000);

I dette eksemplet skriver vi en kode for å skrive ut torget til et hvilket som helst positivt tall. Som vi må kalle den firkantede funksjonen gjentatte ganger, bruker vi derfor “SetInterval ()” metode. Koden vil skrive ut kvadratet på hvert positivt tall etter forsinkelsen på 3 sekunder:

Hvordan SetInterval fungerer

Til å begynne med opprettet vi en funksjon "torget( )" og innenfor "torget( )" funksjon vi skrev koden for å skrive ut torget til et hvilket som helst nummer. Etterpå påkaller vi "torget( )" funksjon ved hjelp av “SetInterval ()” metode. Nå hva som vil skje? En kjede starter:

• Vent i 3 sekunder, øk antallet og skriv ut kvadratet på det tallet,
• Og vent igjen i 3 sekunder, og øker deretter nummeret og skriv ut kvadratet på det tallet.
• "SetInterval ()" -metoden vil gjentatte ganger skrive ut kvadratet på hvert nummer og vil ikke.

setTimeout () -metode i JavaScript

I JavaScript lar metoden “setTimeout ()” oss utføre enhver funksjon etter den spesifiserte tiden en gang. Det tar to parametere en for funksjonen å påkalle, og den andre parameteren er for tiden. La oss vurdere det samme eksemplet og søke “Settimeout ()” metode og observer forskjellen:

La nummer = 0;
funksjon firkant ()
nummer ++;
SEQ = NUMMER*NUMMER;
konsoll.logg ("tall er lik:", tall);
konsoll.Logg ("Square of the Number:", Seq);

setTimeout (firkant, 3000);

Som et resultat vil den påkalle kvadratfunksjonen bare en gang, noe som betyr at den bare vil trykke kvadratet på ett tall:

Hvordan SetInterval fungerer

Hvis vi påkaller "torget( )" funksjon ved hjelp av “Settimeout ()” Metode, nå hva som vil skje?

• Når vi kjører koden, vil den i utgangspunktet vente i tre sekunder, og øker deretter nummeret og skriver ut kvadratet på det tallet.
• Men denne gangen ville det ikke påkalle metoden “firkantet ()” “Settimeout ()” Ringer funksjonen bare en gang, og som et resultat vil vi få bare et tall på ett tall.

Merk:

Vi kan ikke kalle funksjonen innenfor metoden “Settimeout ()” eller i "SetInterval ()" -metoden i stedet, vi vil bare skrive funksjonens navn hvis vi gjør det, så vil ikke disse metodene fungere ordentlig. Utgangen vil være trykt uten forsinkelse:

setTimeout (firkant, 3000); // Riktig syntaks
setTimeout (firkant (), 3000); // Feil syntaks
setInterval (firkant, 3000); // Riktig syntaks
setInterval (firkant (), 3000); // Feil syntaks

I denne koden har vi skrevet både riktig så vel som feil syntaks for metoden “Settimeout ()” og “SetInterval ()” -metoden

Konklusjon

JavaScript gir noen innebygde metoder som brukes til å kjøre noe kode basert på en tidtaker. Disse funksjonene tilbyr forskjellige funksjonaliteter, for eksempel utfører "setTimeout ()" -funksjonen bare en hvilken. Denne artikkelen gir en oversikt over "setTimeout" og "setInterval ()" -metoder ved hjelp av noen eksempler.