JavaScript | ClearTimeout & ClearInterval -metode

JavaScript | ClearTimeout & ClearInterval -metode
JavaScript tilbyr mange metoder for å oppfylle kravene til programmerere ved å utføre kodeblokken. For planlegging av en timeout, gir JavaScript metoder inkludert SetInterval (), Settimeout, ClearTimeout (), og ClearInterval (). Det gir en timeout -funksjonalitet som lar brukere utføre enhver operasjon etter et bestemt tidsintervall. Dessuten gjentas kodestykket etter et bestemt tidsintervall. Disse metodene er nyttige for sensitive nettsteder som banknettsteder og e-handelsnettsteder.

Dette innlegget demonstrerer arbeid og bruk av clearTimeout () og ClearInterval () -metoder:

  • Hvordan bruke clearTimeout () -metode i JavaScript
  • Hvordan bruke ClearInterval () -metode i JavaScript

JavaScript ClearTimeout () og ClearInterval () Metoder

I JavaScript, ClearTimeout () og ClearInterval () Metoder brukes til å tømme tidtakeren som ble initialisert ved bruk av henholdsvis SetInterval () og Settimeout () -metoder. ClearTimeout () -metoden kansellerer tidsavbruddet som tidligere ble satt av Settimeout (). Den samme prosedyren brukes ved bruk av ClearInterval () For å avbryte tidsintervallet fast av SetInterval ().

Hvordan bruke clearTimeout () -metoden i JavaScript?

De ClearInterval () Metoden brukes til å stoppe utførelsen som startet med Settimeout () -metoden. Metoden tar samme variabelnavn som ble returnert ved metoden Settimeout (). Syntaks for clearTimeout () -metoden er gitt her:

Syntaks

ClearTimeout (timeoutid);

De timeoutid er verdien av tidtakeren satt av metoden Settimeout (). Det er et obligatorisk felt.

Eksempel

Et eksempel blir forklart med bruken av ClearTimeout () Metode i JavaScript.

Kode



Et eksempel på å bruke clearTimeout () -metoden i JavaScript







I koden ovenfor brukes clearTimeOut () -metoden med metoden Settimeout () for å skille arbeidsprosessen mellom dem. Beskrivelsen er gitt i det listede formatet:

  • For det første en knapp "Trykk på knappen for å starte telleren”Er festet med en startCount () metode.
  • En annen knapp er tilknyttet stopCount () Metode for å stoppe utførelsen av metoden ovenfor.
  • Etter å ha trykket på knappen, blir tellervariabelen initialisert og økt av en hver 1000 millisekunder.
  • Disse verdiene lagres i tid variabel som brukes til å stoppe disken ved å overføre den til clearTimeout () -metode.

Skjermbildet til ovennevnte kode er som følger:

Produksjon

Det observeres at telleren starter etter å ha trykket på “Trykk på knappen for å starte telleren”-Knappen. Telleren øker verdien ved å tilsette en. Prosessen videreføres til “Trykk på knappen for å stoppe telleren”-Knappen trykkes.

Hvordan bruke ClearInterval () -metoden i JavaScript?

Denne metoden tømmer planen som er opprettet av setInterval () metode. Utførelsen av den opprettede tidtakeren er ferdig ved å passere den samme variabelen som ble returnert fra SetInterval () -metoden. Følgende syntaks refererer til SetInterval () -metoden.

Syntaks

ClearInterval (Interalid)

I denne syntaksen, intervallid er den passerende variabelen som bruker samme verdi som SetInterval () -metoden.

Eksempel
Eksempelkoden skrevet nedenfor refererer til ClearTimeout () metode i JavaScript.

Kode

Et eksempel på å bruke ClearInterval () -metoden i JavaScript


Trykk på knappen for å starte et intervall som skriver ut en melding.





Koden er beskrevet som:

  • To knapper er tilknyttet metodene.
  • De Resultat() Metoden brukes med en knapp "Trykk på knappen for å starte intervall”.
  • For det første settes intervallet av SetInterval () -metoden.
  • Etter det en melding som spør: “Er JavaScript et skriptspråk?”Vises hver 500 millisekunder.
  • Til slutt, den ClearInterval () Metoden brukes ved å passere den samme variabelen som returneres av SetInterval () -metoden.

Produksjon

I utgangen, meldingen “Er JavaScript et skriptspråk?”Vises gjentatte ganger ved å trykke på startintervallknappen. Etter det, ClearInterval () Metoden brukes til å stoppe utførelsen og vise en melding "Kansellert intervall”.

Konklusjon

JavaScript gir funksjonalitet for å stoppe utførelsen av kode ved å bruke ClearTimeout () og ClearInterval () -metoder. ClearTimeOut () -metoden brukes for å fjerne timerverdien satt av Settimeout () -metoden. På den annen side, ClearInterval () Metoden stopper intervallet ved å passere den samme verdien satt av SetInterval () -metoden i JavaScript. Her har du lært å forstå clearTimeOut () og ClearInterval () -metodene i JavaScript.