SetInterval vs Settimeout i JavaScript

Planlegging er den brede betegnelsen for enhver oppgave som er planlagt for en fremtidig tidsperiode. I JavaScript er det funksjoner for utførelse av forhåndsbestemte intervaller eller tider kalt setTimeout () og setInterval () som kan brukes til å planlegge oppgaver for en bestemt tid. Begge metodene lar deg kjøre et stykke JavaScript -kode eller funksjon på et bestemt tidspunkt i fremtiden.

Denne artikkelen vil forklare SetInterval og Settimeout i JavaScript og deres vanlige forskjeller.

Hva er setinterval i JavaScript?

“setInterval ()”I JavaScript kjører et JavaScript -uttrykk kontinuerlig hver“X”Intervall. Den gjentar en spesifikk funksjon ved hvert bestemt tidsintervall.

Syntaks

Følg den undergitte syntaks for SetInterval () -metoden:

vindu.setInterval (funksjon, tid);

To parametere aksepteres ved denne metoden:

• funksjon: Den første parameteren er funksjonen som skal utføres.
• tid: Varigheten mellom hver utførelse, målt i millisekunder.

Eksempel

Her angir vi tidtakeren ved å angi tidsintervallet på en knappens klikkhendelse:

Klikk her

Lage en

tagelement og tilordne en ID “tid”Hvor tiden vil bli vist:

I JavaScript -filen, skriv nedenfor kodelinjene:

funksjonstimer ()
const dato = ny dato ();
dokument.getElementById ("Tid").InnerHTML = Dato.tolocaletimestring ();

I ovennevnte kodebit:

• Først, definere en funksjon som heter “Timer ()”.
• Opprett et nytt datoobjekt som bruker dato () konstruktøren.
• Deretter får du tilgang til elementet der tiden vil bli vist ved å bruke sin ID ved hjelp av "getElementById ()”Metode og angi Innerhtml -egenskapen for å stille inn tiden ved å ringe datoen“tolocaletimestring ()”Metode.

I utgangen kan du se at tiden vises etter et bestemt tidsintervall på klikkhendelsen:

Hva er Settimeout i JavaScript?

“Settimeout”Metode brukes til å kalle funksjonen etter en bestemt tid. Det går bare en gang etter en bestemt periode.

Syntaks

Følg den medfølgende syntaks for SetInterval () -metoden:

vindu.setInterval (funksjon, tid);

Det tar to parametere:

• funksjon: Funksjonen som må utføres
• tid: Lengden på varigheten mellom hver utførelse, målt i millisekunder.

Eksempel

Ring Settimeout () -metoden på klikkhendelsen ved å sende funksjonen og tiden i millisekunder:

Klikk her

Lag et element ved hjelp av

stikkord:

Produksjon

SetInterval vs Settimeout

Den primære oppgaven til “Settimeout”Er å ringe funksjonen etter en spesifisert tid. I motsetning, "SetInterval”Brukes ofte til å utføre en funksjon etter en forhåndsbestemt tid. Hovedforskjellen mellom Settimeout og SetInterval er at Settimeout bare går en gang etter en bestemt tid. Imidlertid kan setintervalfunksjonen brukes gjentatte ganger.

Konklusjon

“setTimeout ()”Og“setInterval ()”Er JavaScript forhåndsdefinerte metoder for å planlegge oppgavene. “setInterval ()”Gjentar en gitt funksjon ved hvert gitt tidsintervall, mens“Settimeout”Metode brukes til å kalle funksjonen en gang etter en spesifisert tid. Denne artikkelen forklarte SetInterval og Settimeout i JavaScript og deres vanlige forskjeller.