JavaScript ponuja vnaprej določen » clearTimeout ()«, ki upravlja funkcijo časovne omejitve. Uporabnikom omogoča, da prekličejo časovni interval, ki je bil predhodno določen z ' setTimeout ()«. Ustavi izvajanje bloka kode, ki se ponovi po določenem časovnem intervalu. Večinoma se uporablja za bančništvo in spletna mesta za e-trgovino za preklic načrtovanih opravil.
Ta objava bo pojasnila, kako ravnati s funkcijo JavaScript clearTimeout().
Kako ravnati s funkcijo JavaScript “clearTimeout()”?
' clearTimeout ()” funkcija prekliče časovni interval, ki je bil predhodno nastavljen s pomočjo “ setTimeout ()«. ' setTimeout ()« nastavi časovni interval za ponavljajoče se izvajanje določene naloge v njem.
Sintaksa
Delovanje ' clearTimeout ()« je odvisna od njene osnovne sintakse, ki je zapisana spodaj:
clearTimeout ( id_of_settimeout )
V skladu z zgornjo sintakso je ' clearTimeout ()' prevzame ' id ' od ' setTimeout ()” in ustavi časovni interval. Če uporabnik ne posreduje ID-ja, potem ne izvede ničesar.
Implementirajmo zgoraj definirano funkcijo z uporabo njene osnovne sintakse.
1. primer: uporaba funkcije »clearTimeout()« za zaustavitev nastavljenega časovnega intervala
Prvi primer uporablja ' clearTimeout ()« za zaustavitev nastavljenega časovnega intervala.
Najprej si oglejte to kodo HTML:
< center >< str > Počakajte 2 sekundi, stran bo prikazala naslov. < / str >
< h2 id = 'H2' >< / h2 >
< gumb onclick = 'stop()' > Ustavi usmrtitev! < / gumb >
< / center >
V zgornjih vrsticah kode:
- Znak »< center >” nastavi poravnavo danih elementov HTML na sredino spletne strani.
- Znak »< str >« določa stavek odstavka.
- Znak »< h2 >” je prazen naslovni element z ID-jem “ H2 ”.
- Znak »< gumb >' vstavi element gumba, ki kliče ' stop ()' funkcija, ko je pritrjena ' onclick ” se sproži dogodek.
Nato uporabite » clearTimeout ()« z uporabo navedenega bloka kode:
< scenarij >konst nastavi čas = setTimeout ( začetek , 2000 ) ;
funkcijo začetek ( ) {
dokument. getElementById ( 'H2' ) . notranjiHTML = 'Dobrodošli v Linuxhintu!'
}
funkcijo stop ( ) {
clearTimeout ( nastavi čas ) ;
}
scenarij >
V zgornjem delčku kode:
- ' nastavi čas ' spremenljivka uporablja ' setTimeout ()«, ki posreduje » začetek ' deluje kot prvi parameter in podano ' št milisekund ” kot drugi parameter. Ta funkcija izvaja ' začetek ” v določenem časovnem intervalu.
- Nato določite » začetek ()«.
- V tej funkciji je » document.getElementById ()« se uporabi metoda za dostop do praznega elementa naslova, katerega ID je » H2 « in ga pripnite z danim besedilnim stavkom.
- Po tem je ' stop ()« je definirana funkcija, ki uporablja » clearTimeout ()«, ki posreduje ID » setTimeout ()« za zaustavitev njegovega časovnega intervala.
Izhod (pred zaustavitvijo izvajanja)
Zdaj izhod prikazuje element naslova v določenem časovnem intervalu, preden ustavi časovni interval, nastavljen prek ' setTimeout ()«.
Izhod (po zaustavitvi izvedbe)
Klik danega gumba prekine časovni interval, ki je bil nastavljen za prikaz elementa naslova.
2. primer: uporaba funkcije »clearTimeout()« za zaustavitev funkcije
Ta primer uporablja ' clearTimeout ()« za zaustavitev izvajanja funkcije:
Najprej preglejte predloženo kodo HTML:
< center >< gumb onclick = 'start()' > Začni šteti! < / gumb >
< vnos vrsta = 'besedilo' id = 'polje' >
< gumb onclick = 'stop()' > Nehajte šteti! < / gumb >
< / center >
V zgornjem kodnem bloku:
- Znak »< gumb >' oznaka pripenja ' onclick ” za priklic funkcije “start()”, ko jo kliknete.
- Znak »< vnos >” doda vnosno polje z vrsto “ besedilo « in id »polje«.
- Naslednji “< gumb >« prilaga tudi » onclick ' dogodek za klic ' stop ()«, ko se ta dogodek sproži.
Zdaj uporabite ' clearTimeout ()« z uporabo teh vrstic kode:
< scenarij >pusti števec = 0 ;
pustite setTime ;
pusti timer_on = 0 ;
funkcijo štetje ( ) {
dokument. getElementById ( 'polje' ) . vrednost = števec ;
števec ++;
nastavi čas = setTimeout ( štetje , 1000 ) ;
}
funkcijo začetek ( ) {
če ( ! časovnik vklopljen ) {
časovnik vklopljen = 1 ;
štetje ( ) ;
}
}
funkcijo stop ( ) {
clearTimeout ( nastavi čas ) ;
časovnik vklopljen = 0 ;
}
scenarij >
V zgornjih vrsticah kode:
- Prvič, ' pustiti » ključna beseda deklarira tri spremenljivke « števec«, »setTime« in »timer_on ”.
- Nato je ' štetje ()« je definirana funkcija.
- V svojih definicijah je ' document.getElementById() ” metoda se uporabi za dostop do dodanega vnosnega polja z uporabo njegovega ID-ja “ polje « in mu dodajte vrednost » števec ” spremenljivka.
- Zdaj povečajte vrednost ' števec ” spremenljivka.
- Na koncu uporabite » setTimeout ()« za izvedbo izvedbe » štetje ()« v danem časovnem intervalu.
- Po tem definirajte funkcijo z imenom ' začetek ()«.
- V tej funkciji je ' če ” se uporabi stavek, ki določa pogoj, tj. imer_on ' ni ' na ' potem je enako ' 1 ' in ' štetje ()« se pokliče funkcija.
- Zdaj je definirana še ena funkcija z imenom ' stop ()«.
- V svoji definiciji je ' clearTimeout ()« se uporabi metoda s posredovanjem ID-ja » setTimeout ()' metoda, tj. ' nastavi čas ”.
Izhod
Opaziti je mogoče, da je ' Začetek štetja ” zažene štetje, ki se poveča po vsaki 1 sekundi. To štetje se ustavi s klikom na ' Nehajte šteti! ”.
To je vse o ravnanju s funkcijo clearTimeout() v JavaScriptu.
Zaključek
' clearTimeout ()” obravnava časovni interval, določen s pomočjo “ setTimeout ()«. To nalogo opravi tako, da posreduje id 'setTimeout()' funkcija kot njegov bistveni parameter. Uporablja se za preklic opravil, izvedenih v določenem časovnem intervalu, ki je nastavljen s pomočjo “ setTimeout ()«. Ta objava je praktično razložila postopek za obdelavo funkcije JavaScript clearTimeout().