Hvordan kan jeg bruke SetInterval og ClearInterval?

“SetInterval”Og“ClearInterval”Er innebygde JavaScript-metoder. "SetInterval ()" tillater utførelse av en funksjon gjentatte ganger med et spesifisert intervall. Mens metoden “ClearInterval ()” stopper utførelsen av en funksjon som tidligere ble startet ved å bruke SetInterval.

Denne oppskrivningen vil forklare bruken av SetInterval og ClearInterval-metodene i JavaScript.

Hvordan bruke SetInterval og ClearInterval?

Å bruke “SetInterval”Og“ClearInterval”Metoder, følg det gitte eksemplet.

Eksempel
I det gitte eksemplet vil vi opprette en teller som stopper på knappeklikk ved å ringe "ClearInterval”Metode for å stoppe funksjonen til“SetInterval”Metode.

Opprett et element der tellingen vil bli vist og en knapp "Stoppe”For å stoppe tellerens økning:

>
Stoppe

Påkalle metoden "setinterval" ved å passere en funksjon "disk”Og tid”1000”I millisekunder. Oppbevar deretter den resulterende verdien av "setinterval" -metoden i en variabel "myinterval”:

const myInterval = setInterval (Counter, 1000);

Sett telling til 1:

La Count = 1;

Definere en funksjon “disk()”Som vil ringe inn“setInterval ()”Metode. Få referanse til elementet og vis tellingen ved å øke det:

funksjon counter ()
dokument.QuerySelector ('Span').innertekst = telling;
telle ++;

Definer en annen funksjon som vil utløse på knappeklikk for å stoppe telleren ved å ringe "ClearInterval ()”Metode:

funksjon stopCounter ()
ClearInterval (MyInterval);

Produksjon

Ovennevnte utgang indikerer at telleren vil stoppe ved å klikke på knappen der ClearInterval () -metoden kalles som stopper tellerens økning i SetInterval () -metoden.

Konklusjon

“SetInterval”Og“ClearInterval”Er forhåndsdefinerte JavaScript -metoder som tillater utførelse av en funksjon gjentatte ganger med et spesifikt tidsintervall og stoppe utførelsen. Denne oppskrivningen forklarte bruken av SetInterval og ClearInterval-metodene i JavaScript med et spesifikt eksempel. Hvor telleren stoppes ved å kalle ClearInterval () -metoden.