JavaScript nabízí předdefinované „ clearTimeout ()” metoda, která spravuje funkci časového limitu. Umožňuje uživatelům zrušit časový interval, který byl dříve stanoven „ setTimeout funkce ()“. Zastaví provádění bloku kódu, který se opakuje po určitém časovém intervalu. Většinou se používá pro webové stránky bankovnictví a elektronického obchodu ke zrušení naplánovaných úloh.
Tento příspěvek vysvětlí, jak zacházet s funkcí JavaScript clearTimeout().
Jak zacházet s funkcí JavaScriptu „clearTimeout()“?
' clearTimeout ()“ funkce zruší časový interval, který byl dříve nastaven pomocí „ setTimeout funkce ()“. ' setTimeout ()“ funkce nastavuje časový interval, v němž se má v něm opakovaně provádět konkrétní úkol.
Syntax
Fungování „ clearTimeout ()” metoda závisí na její základní syntaxi, která je napsána níže:
clearTimeout ( id_of_settimeout )
Podle výše uvedené syntaxe je „ clearTimeout ()“ přebírá „ id “ z “ setTimeout ()” a zastaví časový interval. Pokud uživatel nepředá id, neprovede nic.
Implementujme výše definovanou funkci pomocí její základní syntaxe.
Příklad 1: Použití funkce „clearTimeout()“ k zastavení nastaveného časového intervalu
První příklad platí „ clearTimeout ()” funkce pro zastavení nastaveného časového intervalu.
Nejprve se podívejte na následující HTML kód:
< centrum >< p > Počkejte 2 sekundy, stránka zobrazí nadpis. < / p >
< h2 id = 'H2' < / h2 >
< knoflík při kliknutí = 'stop()' > Zastavit exekuci! < / knoflík >
< / centrum >
Ve výše uvedených řádcích kódu:
- '< centrum >” tag nastavuje zarovnání daných HTML prvků na střed webové stránky.
- '< p >“ tag určuje odstavec.
- '< h2 >“ tag je prázdný prvek nadpisu s id „ H2 “.
- '< knoflík >“ vloží prvek tlačítka, který volá „ stop ()“ funkce, když je připojena „ při kliknutí “ je spuštěna událost.
Dále použijte „ clearTimeout ()” pomocí uvedeného bloku kódu:
< skript >konst setTime = setTimeout ( Start , 2000 ) ;
funkce Start ( ) {
dokument. getElementById ( 'H2' ) . vnitřní HTML = 'Vítejte v Linuxhint!'
}
funkce stop ( ) {
clearTimeout ( setTime ) ;
}
skript >
Ve výše uvedeném úryvku kódu:
- ' setTime 'proměnná' použije ' setTimeout ()“ funkce, která předává „ Start “ funguje jako jeho první parametr a zadaný “ počet milisekund ” jako druhý parametr. Tato funkce provádí „ Start ” funkce v určeném časovém intervalu.
- Dále definujte „ Start funkce ()“.
- V této funkci „ document.getElementById ()“ metoda se používá pro přístup k prázdnému prvku nadpisu, jehož id je „ H2 “ a připojte jej daným textovým příkazem.
- Poté se „ stop ()“ je definována funkce, která aplikuje „ clearTimeout ()“ metoda předávání id „ setTimeout ()” pro zastavení časového intervalu.
Výstup (před zastavením provádění)
Nyní výstup zobrazuje prvek nadpisu v zadaném časovém intervalu před zastavením časového intervalu nastaveného pomocí „ setTimeout ()“ metoda.
Výstup (po zastavení provádění)
Kliknutím na dané tlačítko se zastaví časový interval, který byl nastaven pro zobrazení prvku nadpisu.
Příklad 2: Použití funkce „clearTimeout()“ k zastavení funkce
Tento příklad využívá „ clearTimeout ()” funkce pro zastavení provádění funkce:
Nejprve si projděte poskytnutý HTML kód:
< centrum >< knoflík při kliknutí = 'Start()' > Počáteční počet! < / knoflík >
< vstup typ = 'text' id = 'pole' >
< knoflík při kliknutí = 'stop()' > Přestaň počítat! < / knoflík >
< / centrum >
Ve výše uvedeném bloku kódu:
- Tlačítko „< knoflík >“ tag připojuje „ při kliknutí ” událost pro vyvolání funkce “start()”, když na ni kliknete.
- Tlačítko „< vstup >“ tag přidá vstupní pole s typem „ text “ a id „pole“.
- Další „< knoflík >“ také připojuje „ při kliknutí ” událost nazvat “ stop ()” při spuštění této události.
Nyní použijte „ clearTimeout ()” pomocí těchto řádků kódu:
< skript >nechat pult = 0 ;
nechte nastavitČas ;
nechat timer_on = 0 ;
funkce počet ( ) {
dokument. getElementById ( 'pole' ) . hodnota = čelit ;
čelit ++;
setTime = setTimeout ( počet , 1000 ) ;
}
funkce Start ( ) {
-li ( ! timer_on ) {
timer_on = 1 ;
počet ( ) ;
}
}
funkce stop ( ) {
clearTimeout ( setTime ) ;
timer_on = 0 ;
}
skript >
Ve výše uvedených řádcích kódu:
- Za prvé, „ nechat 'klíčové slovo deklaruje tři proměnné' counter“, „setTime“ a „timer_on“. “.
- Dále, „ počet ()” je definována funkce.
- Ve svých definicích „ document.getElementById() “ metoda se použije pro přístup k přidanému vstupnímu poli pomocí jeho id “ pole “ a připojte k němu hodnotu „ čelit “proměnná.
- Nyní zvyšte hodnotu „ čelit “proměnná.
- Nakonec použijte „ setTimeout ()“ metoda k provedení provedení „ počet ()” funkce v daném časovém intervalu.
- Poté definujte funkci s názvem „ Start ()“.
- V této funkci je „ -li používá se příkaz “, který specifikuje podmínku, tj. pokud “ imer_on ' není ' na “ pak se rovná „ 1 “ a „ počet ()“ je volána funkce.
- Nyní je definována další funkce s názvem „ stop ()“.
- Ve své definici „ clearTimeout ()“ metoda je použita předáním id „ setTimeout ()“ metoda, tj. setTime “.
Výstup
Lze pozorovat, že „ Počáteční počet Tlačítko ” spustí počítání, které se zvyšuje po každé 1 sekundě. Toto počítání se zastaví kliknutím na „ Přestaň počítat! ' knoflík.
To je vše o práci s funkcí clearTimeout() v JavaScriptu.
Závěr
' clearTimeout ()“ funkce zpracovává časový interval určený pomocí „ setTimeout funkce ()“. Tento úkol provádí předáním id souboru 'setTimeout()' fungovat jako jeho základní parametr. Slouží ke zrušení úloh provedených v zadaném časovém intervalu, který se nastavuje pomocí „ setTimeout funkce ()“. Tento příspěvek prakticky vysvětlil postup pro práci s funkcí JavaScript clearTimeout().