JavaScript tilbyr en forhåndsdefinert ' clearTimeout ()»-metoden som administrerer tidsavbruddsfunksjonaliteten. Den lar brukere kansellere tidsintervallet som tidligere er etablert av ' setTimeout ()»-funksjonen. Den stopper utførelsen av kodeblokken som gjentas etter det spesifikke tidsintervallet. Det brukes mest for bank- og e-handelsnettsteder for å kansellere planlagte oppgaver.
Dette innlegget vil forklare hvordan du håndterer JavaScript clearTimeout()-funksjonen.
Hvordan håndtere JavaScript 'clearTimeout()'-funksjonen?
« clearTimeout ()'-funksjonen kansellerer tidsintervallet som ble satt tidligere ved hjelp av ' setTimeout ()»-funksjonen. « setTimeout ()'-funksjonen setter tidsintervallet for å utføre en spesifikk oppgave gjentatte ganger innenfor den.
Syntaks
Arbeidet med ' clearTimeout ()'-metoden avhenger av dens grunnleggende syntaks som er skrevet nedenfor:
clearTimeout ( id_of_settimeout )
I henhold til syntaksen ovenfor, ' clearTimeout ()» tar « id ' av ' setTimeout ()»-funksjonen og stopper tidsintervallet. Hvis brukeren ikke sender ID-en, utfører den ingenting.
La oss implementere den ovenfor definerte funksjonen ved å bruke dens grunnleggende syntaks.
Eksempel 1: Bruk av 'clearTimeout()'-funksjonen for å stoppe det angitte tidsintervallet
Det første eksemplet gjelder ' clearTimeout ()»-funksjonen for å stoppe det innstilte tidsintervallet.
Se først på følgende HTML-kode:
< senter >< s > Vent 2 sekunder, siden vil vise en overskrift. < / s >
< h2 id = 'H2' >< / h2 >
< knapp ved trykk = 'Stoppe()' > Stopp henrettelse! < / knapp >
< / senter >
I kodelinjene ovenfor:
- «< senter >”-taggen setter justeringen av de gitte HTML-elementene til midten av nettsiden.
- «< s >”-taggen spesifiserer en avsnittssetning.
- «< h2 >'-taggen er et tomt overskriftselement med en id ' H2 '.
- «< knapp >'-taggen setter inn knappeelementet som kaller ' Stoppe ()'-funksjonen når den er festet ' ved trykk ”-hendelsen utløses.
Deretter bruker du ' clearTimeout ()'-funksjonen ved å bruke den angitte kodeblokken:
< manus >konst settTid = setTimeout ( start , 2000 ) ;
funksjon start ( ) {
dokument. getElementById ( 'H2' ) . indreHTML = 'Velkommen til Linuxhint!'
}
funksjon Stoppe ( ) {
clearTimeout ( settTid ) ;
}
manus >
I kodebiten ovenfor:
- « settTid variabelen bruker ' setTimeout ()'-funksjonen som sender ' start ' fungerer som dens første parameter og den spesifiserte ' antall millisekunder ' som den andre parameteren. Denne funksjonen utfører ' start ”-funksjon i et spesifisert tidsintervall.
- Deretter definerer du ' start ()»-funksjonen.
- I denne funksjonen ' document.getElementById ()'-metoden brukes for å få tilgang til det tomme overskriftselementet hvis id er ' H2 ” og legg den til den gitte tekstsetningen.
- Etter det, ' Stoppe ()'-funksjonen er definert, som bruker ' clearTimeout ()»-metoden som sender ID-en til « setTimeout ()»-funksjonen for å stoppe tidsintervallet.
Utgang (før stopp utførelse)
Nå viser utgangen et overskriftselement i et spesifisert tidsintervall før det stopper tidsintervallet som er satt via ' setTimeout ()»-metoden.
Utgang (etter stoppkjøring)
Det gitte knappeklikket stopper tidsintervallet som er satt for visning av overskriftselementet.
Eksempel 2: Bruk av «clearTimeout()»-funksjonen for å stoppe en funksjon
Dette eksemplet bruker ' clearTimeout ()' funksjon for å stoppe utførelsen av en funksjon:
Gå først gjennom den medfølgende HTML-koden:
< senter >< knapp ved trykk = 'start()' > Start telling! < / knapp >
< input type = 'tekst' id = 'felt' >
< knapp ved trykk = 'Stoppe()' > Slutt å telle! < / knapp >
< / senter >
I kodeblokken ovenfor:
- «< knapp >'-taggen legger ved ' ved trykk ”-hendelse for å påkalle “start()”-funksjonen når den klikkes.
- «< input >'-taggen legger til et inndatafelt med typen ' tekst ' og et id 'felt'.
- Den neste «< knapp >' legger også ved ' ved trykk ' hendelse for å ringe ' Stoppe ()»-funksjonen når denne hendelsen utløses.
Bruk nå ' clearTimeout ()'-funksjonen ved å bruke disse kodelinjene:
< manus >la telle = 0 ;
la setteTid ;
la timer_på = 0 ;
funksjon telle ( ) {
dokument. getElementById ( 'felt' ) . verdi = disk ;
disk ++;
settTid = setTimeout ( telle , 1000 ) ;
}
funksjon start ( ) {
hvis ( ! stoppeklokke på ) {
stoppeklokke på = 1 ;
telle ( ) ;
}
}
funksjon Stoppe ( ) {
clearTimeout ( settTid ) ;
stoppeklokke på = 0 ;
}
manus >
I kodelinjene ovenfor:
- For det første, ' la ' nøkkelord erklærer tre variabler ' teller”, “setTime” og “timer_on '.
- Deretter ' telle ()»-funksjonen er definert.
- I sine definisjoner, ' document.getElementById() '-metoden brukes for å få tilgang til det lagte inndatafeltet ved å bruke dets id ' felt ' og legg den til verdien av ' disk variabel.
- Øk nå verdien av ' disk variabel.
- Til slutt, bruk ' setTimeout ()»-metoden for å utføre utførelsen av « telle ()»-funksjonen i et gitt tidsintervall.
- Definer deretter en funksjon kalt ' start ()'.
- I denne funksjonen er en ' hvis '-setning brukes som spesifiserer en betingelse, dvs. hvis ' imer_on ' er ikke ' på ' så er det lik ' 1 ' og ' telle ()»-funksjonen kalles.
- Nå er en annen funksjon definert kalt ' Stoppe ()'.
- I sin definisjon, ' clearTimeout ()»-metoden brukes ved å sende id-en til « setTimeout ()»-metoden, dvs. « settTid '.
Produksjon
Det kan observeres at ' Starttelling ”-knappen starter tellingen som øker etter hvert 1 sekund. Denne tellingen stopper ved å klikke på ' Slutt å telle! '-knappen.
Det handler om å håndtere clearTimeout()-funksjonen i JavaScript.
Konklusjon
« clearTimeout ()'-funksjonen håndterer tidsintervallet som er spesifisert ved hjelp av ' setTimeout ()»-funksjonen. Den utfører denne oppgaven ved å sende id-en til 'setTimeout()' fungere som dens essensielle parameter. Den brukes til å kansellere oppgavene utført i det angitte tidsintervallet som er satt ved hjelp av ' setTimeout ()»-funksjonen. Dette innlegget har praktisk forklart prosedyren for å håndtere JavaScript clearTimeout()-funksjonen.