JavaScript tilbyder en foruddefineret ' clearTimeout ()”-metoden, der styrer time-out-funktionaliteten. Det giver brugerne mulighed for at annullere det tidsinterval, som tidligere er fastsat af ' sætTimeout ()” funktion. Det stopper udførelsen af kodeblokken, der gentages efter det specifikke tidsinterval. Det bruges mest til bank- og e-handelswebsteder for at annullere planlagte opgaver.
Dette indlæg vil forklare, hvordan man håndterer JavaScript clearTimeout()-funktionen.
Hvordan håndteres JavaScript 'clearTimeout()'-funktionen?
Det ' clearTimeout ()'-funktionen annullerer det tidsinterval, der tidligere blev indstillet ved hjælp af ' sætTimeout ()” funktion. Det ' sætTimeout ()'-funktionen indstiller tidsintervallet for at udføre en specifik opgave gentagne gange inden for den.
Syntaks
Arbejdet med ' clearTimeout ()' metode afhænger af dens grundlæggende syntaks, der er skrevet nedenfor:
clearTimeout ( id_of_settimeout )
Ifølge ovenstående syntaks er ' clearTimeout ()' tager ' id ' af ' sætTimeout ()”-funktionen og stopper tidsintervallet. Hvis brugeren ikke videregiver id'et, udfører den intet.
Lad os implementere den ovenfor definerede funktion ved at bruge dens grundlæggende syntaks.
Eksempel 1: Anvendelse af 'clearTimeout()'-funktionen til at stoppe det indstillede tidsinterval
Det første eksempel gælder ' clearTimeout ()”-funktion for at stoppe det indstillede tidsinterval.
Kig først på følgende HTML-kode:
< centrum >< s > Vent 2 sekunder, siden vil vise en overskrift. < / s >
< h2 id = 'H2' >< / h2 >
< knap onclick = 'hold op()' > Stop henrettelse! < / knap >
< / centrum >
I ovenstående kodelinjer:
- Den '< centrum >' tag indstiller justeringen af de givne HTML-elementer til midten af websiden.
- Den '< s >” tag angiver en afsnitssætning.
- Den '< h2 >' tag er et tomt overskriftselement med et id ' H2 ”.
- Den '< knap >' tag indsætter det knapelement, der kalder ' hold op ()'-funktion, når den er knyttet ' onclick ” hændelse udløses.
Anvend derefter ' clearTimeout ()” funktion ved hjælp af den angivne kodeblok:
< manuskript >konst fastsat tidspunkt = sætTimeout ( Start , 2000 ) ;
fungere Start ( ) {
dokument. getElementById ( 'H2' ) . indreHTML = 'Velkommen til Linuxhint!'
}
fungere hold op ( ) {
clearTimeout ( fastsat tidspunkt ) ;
}
manuskript >
I ovenstående kodestykke:
- Det ' fastsat tidspunkt variabel anvender ' sætTimeout ()' funktion, der sender ' Start ' fungerer som dens første parameter og den specificerede ' antal millisekunder ” som den anden parameter. Denne funktion udfører ' Start ”-funktion i et bestemt tidsinterval.
- Dernæst skal du definere ' Start ()” funktion.
- I denne funktion er ' document.getElementById ()'-metoden anvendes for at få adgang til det tomme overskriftselement, hvis id er ' H2 ” og tilføj det den givne tekstudsagn.
- Derefter vil ' hold op ()'-funktionen er defineret, som anvender ' clearTimeout ()'-metoden, der sender id'et for ' sætTimeout ()'-funktion for at stoppe dets tidsinterval.
Output (før stop udførelse)
Nu viser outputtet et overskriftselement i et specificeret tidsinterval, før det indstillede tidsinterval stoppes via ' sætTimeout ()” metode.
Output (efter stop udførelse)
Det givne knapklik stopper det tidsinterval, der er indstillet til at vise overskriftselementet.
Eksempel 2: Anvendelse af 'clearTimeout()'-funktionen til at stoppe en funktion
Dette eksempel bruger ' clearTimeout ()' funktion for at stoppe udførelsen af en funktion:
Gå først igennem den medfølgende HTML-kode:
< centrum >< knap onclick = 'Start()' > Start tælle! < / knap >
< input type = 'tekst' id = 'Mark' >
< knap onclick = 'hold op()' > Stop med at tælle! < / knap >
< / centrum >
I ovenstående kodeblok:
- Den '< knap >' tag vedhæfter ' onclick ” hændelse for at påkalde funktionen “start()”, når der klikkes på den.
- Den '< input >' tag tilføjer et inputfelt med typen ' tekst ' og et id 'felt'.
- Den næste '< knap >' vedhæfter også ' onclick ' begivenhed for at kalde ' hold op ()” funktion, når denne hændelse udløses.
Anvend nu ' clearTimeout ()' funktion ved hjælp af disse kodelinjer:
< manuskript >lad kontra = 0 ;
lad indstilleTid ;
lad timer_on = 0 ;
fungere tælle ( ) {
dokument. getElementById ( 'Mark' ) . værdi = tæller ;
tæller ++;
fastsat tidspunkt = sætTimeout ( tælle , 1000 ) ;
}
fungere Start ( ) {
hvis ( ! timer_on ) {
timer_on = 1 ;
tælle ( ) ;
}
}
fungere hold op ( ) {
clearTimeout ( fastsat tidspunkt ) ;
timer_on = 0 ;
}
manuskript >
I ovenstående kodelinjer:
- For det første er ' lade ' nøgleord erklærer tre variable ' tæller”, “setTime” og “timer_on ”.
- Dernæst ' tælle ()”-funktionen er defineret.
- I sine definitioner er ' document.getElementById() '-metoden anvendes for at få adgang til det tilføjede inputfelt ved hjælp af dets id ' Mark ' og tilføj den med værdien af ' tæller ' variabel.
- Forøg nu værdien af ' tæller ' variabel.
- Til sidst skal du anvende ' sætTimeout ()'-metoden til at udføre udførelsen af ' tælle ()” funktion i et givet tidsinterval.
- Derefter skal du definere en funktion med navnet ' Start ()'.
- I denne funktion er en ' hvis ” sætning bruges, der specificerer en betingelse, dvs. hvis ” imer_on ' er ikke ' på ' så er det lig med ' 1 ' og ' tælle ()”-funktionen kaldes.
- Nu er en anden funktion defineret ved navn ' hold op ()'.
- I sin definition er ' clearTimeout ()'-metoden anvendes ved at videregive id'et for ' sætTimeout ()' metode, dvs. ' fastsat tidspunkt '.
Produktion
Det kan konstateres, at ' Startoptælling ”-knappen starter optællingen, der stiger efter hvert 1 sekund. Denne optælling stopper ved at klikke på ' Stop med at tælle! ”-knappen.
Det handler om at håndtere clearTimeout()-funktionen i JavaScript.
Konklusion
Det ' clearTimeout ()'-funktionen håndterer det angivne tidsinterval ved hjælp af ' sætTimeout ()” funktion. Den udfører denne opgave ved at videregive id'et for 'setTimeout()' fungere som dens væsentlige parameter. Det bruges til at annullere de opgaver, der udføres i det angivne tidsinterval, der er indstillet ved hjælp af ' sætTimeout ()” funktion. Dette indlæg har praktisk forklaret proceduren til at håndtere JavaScript clearTimeout()-funktionen.