Hvordan stoppe SetInterval Call in JavaScript

I JavaScript er det å påkalle/ringe en funksjon viktig for utførelsen av et kodestykke gjentatte ganger. JavaScript gir en setInterval () Metode som angir den spesifikke tidsforsinkelsen mellom hver samtale med en gjentatte ganger kalt funksjon. Dessuten er det nyttig å stoppe anropsmetodene. For dette formålet, ClearInterval () Metoden introduseres for å stoppe den angitte intervallanropet. Dette innlegget demonstrerer metoden for å stoppe SetInterval -samtaler i JavaScript.

• Hvordan stoppe SetInterval Call in JavaScript
• Eksempel 1: Stopp SetInterval Call of Clock Time ved hjelp av ClearInterval () -metode
• Eksempel 2: Stopp SetInterval Call of Melding ved hjelp av ClearInterval () -metode

Hvordan stoppe SetInterval Call in JavaScript?

JavaScript er i stand til å utføre et bestemt stykke kode etter en tidsforsinkelse. Hver gang en funksjon eller kodebiter blir utført gjentatte ganger, kan det være lurt å utføre hver del etter en bestemt tidsperiode. Noen ganger skjer det en situasjon for å stoppe meldingen eller tidtakeren. De ClearInterval () Funksjon brukes til å stoppe SetInterval -samtalen ved å godta samme tidsintervall. Syntaksen er gitt her:

Syntaks

clearInterval (intervall_id);

De intervall_id Angir tidsintervallet som returneres fra setInterval () metode.

Eksempel 1: Bruke ClearInterval () -metode for å stoppe SetInterval Call of Clock Time

Et eksempel anses for å stoppe SetInterval Call of Time ved å bruke ClearInterval () metode. Eksemplet omfatter HTML- og JavaScript -koder, som er forklart nedenfor:

HTML -kode

Et eksempel for å stoppe SetInterval -samtale i JavaScript

Stopp tiden

Beskrivelsen av HTML -koden er gitt nedenfor:

• En knapp "Stopp tiden”Opprettes som er assosiert med en metode”mystopFunction ()”.
• Metoden utløses når brukeren trykker på “Stopp tiden”-Knappen.
• Til slutt, "test.JS”Filen sendes som kilden i“" stikkord.

La oss ta JavaScript -koden (filen er navngitt som "test.JS”På systemet vårt):

JavaScript -kode

var myvar = setInterval (mytim, 1000);
funksjonmytim ()
var d = newdate ();
var t = d.tolocaletimestring ();
dokument.getElementById ("Demo").indrehtml = t;

FunctionMyStopFunction ()
ClearInterval (Myvar);

I denne koden:

• “setInterval ()”Metoden angir det spesifikke tidsintervallet ved å passere“Mytim”Og“1000”Millisekunder som parametere.
• I dette "Mytim ()”Metode, variabel”d”Lagrer gjeldende dato, og variabel”t”Trekker ut gjeldende tid ved å ringe“tolocaletimestring ()”Metode.
• Til slutt, "mystopFunction ()”Er ansatt for å stoppe setinterval -samtalen av“ClearInterval ()”Metode.

Produksjon

Utgangen viser at det angitte intervallet stoppes ved å trykke på knappen “Stopp tiden”I nettleservinduet.

Eksempel 2: Bruke ClearInterval () -metode for å stoppe SetInterval Call In A for Loop

Et eksempel anses å vise en enkel melding ved hjelp av SetInterval -samtalen i JavaScript. De ClearInterval () Funksjon brukes til å fjerne intervallet på 1000 ms (1-sekunder). For eksempel er koden gitt nedenfor.

Kode

var i = 0;
var int = setInterval (funksjon ()
konsoll.Log ("JavaScript World");
i ++;
if (i> = 5)
ClearInterval (int);

, 1000);

I denne koden:

• De setInterval () metoden passerte en tilbakeringingsfunksjon og 1000 som argumenter.
• Inne i funksjonen (), meldingen “JavaScript World”Vises fem ganger. Når grensen overstiger antallet, er det ClearInterval () vil stoppe setinterval -samtalen.
• De klart intervall () bryter intervallet satt ved å passere en int verdi.
• Til slutt, den setInterval () metoden stoppes gjennom ClearInterval () metode.

Produksjon

Utgangen returnerer meldingen “JavaScript World” og stopper setinterval -samtalen etter 5 sekunder.

Konklusjon

De ClearInterval () Metoden brukes til å stoppe SetInterval -samtalen i JavaScript. Metoden er nyttig for å fjerne tiden som er satt av SetInterval. Dette innlegget demonstrerer arbeidet og bruken av ClearInterval () Metode for å stoppe SetInterval -samtalen i JavaScript. Det er viktig når brukeren allerede har satt et bestemt tidspunkt for en bestemt funksjon. I dette innlegget viser ett eksempel en enkel melding ved å bruke tilbakeringingsfunksjonen og intervallet. Det andre eksemplet viser den digitale klokketiden som slutter å bruke ClearInterval () metode.