A JavaScript egy előre definiált ' clearTimeout ()” módszer, amely az időtúllépési funkciót kezeli. Lehetővé teszi a felhasználók számára, hogy töröljék azt az időintervallumot, amelyet korábban a „ setTimeout ()” funkciót. Leállítja az adott időintervallum után ismétlődő kódblokk végrehajtását. Leginkább banki és e-kereskedelmi webhelyeken használják az ütemezett feladatok törlésére.
Ez a bejegyzés elmagyarázza, hogyan kell kezelni a JavaScript clearTimeout() függvényt.
Hogyan kell kezelni a JavaScript „clearTimeout()” függvényt?
A ' clearTimeout ()” funkció törli azt az időintervallumot, amelyet korábban a „ setTimeout ()” funkciót. A ' setTimeout ()” funkció beállítja az időintervallumot egy adott feladat ismételt végrehajtásához.
Szintaxis
A „ clearTimeout ()” metódus az alapvető szintaxisától függ, amelyet alább írunk:
clearTimeout ( id_of_settimeout )
A fenti szintaxis szerint a „ clearTimeout ()” a „ id ' a ' setTimeout ()” funkciót, és leállítja az időintervallumot. Ha a felhasználó nem adja át az azonosítót, akkor nem hajt végre semmit.
Valósítsuk meg a fent definiált függvényt az alapszintaxis használatával.
1. példa: A „clearTimeout()” függvény alkalmazása a beállított időintervallum leállítására
Az első példa a ' clearTimeout ()” funkciót a beállított időintervallum leállításához.
Először nézze meg a következő HTML-kódot:
< központ >< p > Várjon 2 másodpercet, az oldalon megjelenik egy címsor. < / p >
< h2 id = 'H2' >< / h2 >
< gomb kattintásra = 'állj meg()' > Állítsa le a végrehajtást! < / gomb >
< / központ >
A fenti kódsorokban:
- A „< központ >” címke az adott HTML-elemek igazítását a weboldal közepére állítja.
- A „< p >” címke egy bekezdés utasítást ad meg.
- A „< h2 >' címke egy üres címsor elem azonosítóval ' H2 ”.
- A „< gomb >” címke beszúrja azt a gombelemet, amely a „ állj meg ()” függvény, ha csatolva van kattintásra ” esemény aktiválódik.
Ezután alkalmazza a „ clearTimeout ()” függvény a megadott kódblokk használatával:
< forgatókönyv >const beállítani az időt = setTimeout ( Rajt , 2000 ) ;
funkció Rajt ( ) {
dokumentum. getElementById ( 'H2' ) . innerHTML = 'Üdvözöljük a Linuxhintben!'
}
funkció állj meg ( ) {
clearTimeout ( beállítani az időt ) ;
}
forgatókönyv >
A fenti kódrészletben:
- A ' beállítani az időt ' változó a ' setTimeout ()” függvény, amely átadja a „ Rajt ' függvény első paramétere, és a megadott ' ezredmásodpercek száma ” második paraméterként. Ez a funkció végrehajtja a „ Rajt ” funkciót egy megadott időintervallumban.
- Ezután határozza meg a „ Rajt ()” funkciót.
- Ebben a funkcióban a „ document.getElementById ()” metódust alkalmazunk az üres címsorelem eléréséhez, amelynek azonosítója „ H2 ” és fűzze hozzá a megadott szöveges utasítással.
- Ezt követően a „ állj meg ()” függvény van definiálva, amely a „ clearTimeout ()” metódus átadja a „ setTimeout ()” funkciót az időintervallum leállításához.
Kimenet (a végrehajtás leállítása előtt)
Most a kimenet egy címsor elemet jelenít meg egy megadott időintervallumban, mielőtt leállítja a „ setTimeout ()” módszerrel.
Kimenet (a végrehajtás leállítása után)
Az adott gombkattintás leállítja azt az időintervallumot, amelyet a címsorelem megjelenítésére beállítottunk.
2. példa: A „clearTimeout()” függvény alkalmazása egy függvény leállítására
Ez a példa a „ clearTimeout ()” függvény egy funkció végrehajtásának leállításához:
Először menjen át a megadott HTML kódon:
< központ >< gomb kattintásra = 'Rajt()' > Kezdje a számolást! < / gomb >
< bemenet típus = 'szöveg' id = 'terület' >
< gomb kattintásra = 'állj meg()' > Hagyd abba a számolást! < / gomb >
< / központ >
A fenti kódblokkban:
- A „< gomb >” címke csatolja a „ kattintásra ” esemény a „start()” függvény meghívásához, amikor rákattint.
- A „< bemenet >” címke hozzáad egy beviteli mezőt a következővel: „ szöveg ” és egy azonosító „mező”.
- A következő „< gomb >” is csatolja a „ kattintásra ' esemény a ' állj meg ()” funkciót, amikor ez az esemény elindul.
Most alkalmazza a „ clearTimeout ()” függvény a következő kódsorokkal:
< forgatókönyv >hadd számláljon = 0 ;
állítsa be az időt ;
hagyja a timer_on = 0 ;
funkció számol ( ) {
dokumentum. getElementById ( 'terület' ) . érték = számláló ;
számláló ++;
beállítani az időt = setTimeout ( számol , 1000 ) ;
}
funkció Rajt ( ) {
ha ( ! timer_on ) {
timer_on = 1 ;
számol ( ) ;
}
}
funkció állj meg ( ) {
clearTimeout ( beállítani az időt ) ;
timer_on = 0 ;
}
forgatókönyv >
A fenti kódsorokban:
- Először is a „ hagyja ' kulcsszó három változót deklarál ' számláló”, „setTime” és „timer_on”. ”.
- Ezután a „ számol ()” függvény van definiálva.
- Meghatározásaiban a „ document.getElementById() ' metódus kerül alkalmazásra a hozzáadott beviteli mező eléréséhez az azonosítójával ' terület ', és fűzze hozzá a ' számláló ” változó.
- Most növelje meg a „ számláló ” változó.
- Végül alkalmazza a „ setTimeout ()” módszerrel a „ számol ()” funkciót adott időintervallumban.
- Ezután definiáljon egy '' nevű függvényt Rajt ()”.
- Ebben a funkcióban egy „ ha ” utasítást használunk, amely egy feltételt határoz meg, pl. ha „ imer_on ' nem ' tovább ' akkor egyenlő a ' 1 ' és a ' számol ()” függvényt hívják meg.
- Most egy másik függvény van definiálva, melynek neve ' állj meg ()”.
- Meghatározásában a „ clearTimeout ()” módszert alkalmazzuk a „ setTimeout ()' módszer, azaz ' beállítani az időt ”.
Kimenet
Megfigyelhető, hogy a „ Indítsa el a számlálást ” gomb elindítja a számlálást, amely 1 másodpercenként növekszik. Ez a számlálás leáll, ha rákattint a „ Hagyd abba a számolást! ” gombot.
Ez minden a clearTimeout() függvény kezeléséről szól a JavaScriptben.
Következtetés
A ' clearTimeout ()” függvény kezeli a megadott időintervallumot a „ setTimeout ()” funkciót. Ezt a feladatot az id átadásával hajtja végre 'setTimeout()' alapvető paramétere. A megadott időintervallumban végrehajtott feladatok törlésére szolgál, amelyet a „ setTimeout ()” funkciót. Ez a bejegyzés gyakorlatilag elmagyarázta a JavaScript clearTimeout() függvény kezelésének eljárását.