JavaScript ponúka preddefinované „ clearTimeout ()” metóda, ktorá riadi funkciu časového limitu. Umožňuje používateľom zrušiť časový interval, ktorý bol predtým stanovený „ setTimeout ()“. Zastaví vykonávanie bloku kódu, ktorý sa opakuje po určitom časovom intervale. Väčšinou sa používa pre webové stránky bankovníctva a elektronického obchodu na zrušenie naplánovaných úloh.
Tento príspevok vysvetlí, ako spracovať funkciu JavaScript clearTimeout().
Ako zvládnuť funkciu JavaScriptu „clearTimeout ()“?
' clearTimeout ()“ funkcia zruší časový interval, ktorý bol predtým nastavený pomocou funkcie „ setTimeout ()“. ' setTimeout ()“ funkcia nastavuje časový interval, v ktorom sa má konkrétna úloha vykonávať opakovane.
Syntax
Fungovanie „ clearTimeout ()“ metóda závisí od jej základnej syntaxe, ktorá je napísaná nižšie:
clearTimeout ( id_of_settimeout )
Podľa vyššie uvedenej syntaxe „ clearTimeout ()“ preberá „ id “z “ setTimeout ()” a zastaví časový interval. Ak používateľ neodovzdá ID, nevykoná nič.
Implementujme vyššie definovanú funkciu pomocou jej základnej syntaxe.
Príklad 1: Použitie funkcie „clearTimeout()“ na zastavenie nastaveného časového intervalu
Prvý príklad platí „ clearTimeout ()” na zastavenie nastaveného časového intervalu.
Najprv sa pozrite na nasledujúci HTML kód:
< centrum >< p > Počkajte 2 sekundy, stránka zobrazí nadpis. < / p >
< h2 id = 'H2' < / h2 >
< tlačidlo po kliknutí = 'stop()' > Zastavte popravu! < / tlačidlo >
< / centrum >
Vo vyššie uvedených riadkoch kódu:
- Symbol „< centrum >” tag nastavuje zarovnanie daných HTML prvkov na stred webovej stránky.
- Symbol „< p >“ tag určuje odsek.
- Symbol „< h2 >“ značka je prázdny prvok nadpisu s id „ H2 “.
- Symbol „< tlačidlo >“ vloží prvok tlačidla, ktorý volá „ zastaviť ()“ funkcia, keď je pripojená „ po kliknutí “ sa spustí udalosť.
Ďalej použite „ clearTimeout Funkcia ()“ s použitím uvedeného bloku kódu:
< skript >konšt nastav čas = setTimeout ( začať , 2000 ) ;
funkciu začať ( ) {
dokument. getElementById ( 'H2' ) . innerHTML = 'Vitajte v Linuxhint!'
}
funkciu zastaviť ( ) {
clearTimeout ( nastav čas ) ;
}
skript >
Vo vyššie uvedenom útržku kódu:
- ' nastav čas ” premenná platí premenná “ setTimeout ()“ funkcia, ktorá prechádza cez „ začať ” funguje ako jeho prvý parameter a špecifikovaný “ počet milisekúnd ” ako druhý parameter. Táto funkcia vykonáva funkciu „ začať ” funkciu v určenom časovom intervale.
- Ďalej definujte „ začať ()“.
- V tejto funkcii sa „ document.getElementById ()“ metóda sa používa na prístup k prázdnemu prvku nadpisu, ktorého id je „ H2 “ a pripojte ho k danému textovému príkazu.
- Potom sa „ zastaviť ()“ je definovaná funkcia, ktorá aplikuje „ clearTimeout ()“ metóda odovzdávajúca id „ setTimeout ()” na zastavenie časového intervalu.
Výstup (pred zastavením vykonávania)
Teraz výstup zobrazuje prvok nadpisu v zadanom časovom intervale pred zastavením časového intervalu nastaveného pomocou „ setTimeout ()“ metóda.
Výstup (po zastavení vykonania)
Kliknutím na dané tlačidlo sa zastaví časový interval, ktorý bol nastavený pre zobrazenie elementu nadpisu.
Príklad 2: Použitie funkcie „clearTimeout()“ na zastavenie funkcie
Tento príklad využíva „ clearTimeout ()“ funkcia na zastavenie vykonávania funkcie:
Najprv si prejdite poskytnutý HTML kód:
< centrum >< tlačidlo po kliknutí = 'start()' > Začiatok počítania! < / tlačidlo >
< vstup typu = 'text' id = 'lúka' >
< tlačidlo po kliknutí = 'stop()' > Prestaňte počítať! < / tlačidlo >
< / centrum >
Vo vyššie uvedenom bloku kódu:
- Symbol „< tlačidlo >“ značka pripája „ po kliknutí ” udalosť na vyvolanie funkcie “start()” po kliknutí.
- Symbol „< vstup >“ značka pridáva vstupné pole s typom „ text “ a id „pole“.
- Ďalšie „< tlačidlo >“ tiež pripája „ po kliknutí ” udalosť nazvať “ zastaviť ()” pri spustení tejto udalosti.
Teraz použite „ clearTimeout ()“ pomocou týchto riadkov kódu:
< skript >nechať pult = 0 ;
nechajte nastaviťČas ;
nech timer_on = 0 ;
funkciu počítať ( ) {
dokument. getElementById ( 'lúka' ) . hodnotu = počítadlo ;
počítadlo ++;
nastav čas = setTimeout ( počítať , 1000 ) ;
}
funkciu začať ( ) {
ak ( ! timer_on ) {
timer_on = 1 ;
počítať ( ) ;
}
}
funkciu zastaviť ( ) {
clearTimeout ( nastav čas ) ;
timer_on = 0 ;
}
skript >
Vo vyššie uvedených riadkoch kódu:
- Po prvé, „ nech “Kľúčové slovo deklaruje tri premenné” counter“, „setTime“ a „timer_on“. “.
- Ďalej, „ počítať ()“ je definovaná funkcia.
- Vo svojich definíciách „ document.getElementById() “ sa použije metóda na prístup k pridanému vstupnému poľu pomocou jeho id “ lúka “ a pripojte k nemu hodnotu „ počítadlo “premenná.
- Teraz zvýšte hodnotu „ počítadlo “premenná.
- Nakoniec použite „ setTimeout ()“ metóda na vykonanie „ počítať ()“ funkciu v danom časovom intervale.
- Potom definujte funkciu s názvom „ začať ()“.
- V tejto funkcii je „ ak používa sa príkaz “, ktorý špecifikuje podmienku, t. j. ak “ imer_on ' nie je ' na “, potom sa rovná „ 1 “ a „ počítať ()“ sa volá funkcia.
- Teraz je definovaná ďalšia funkcia s názvom „ zastaviť ()“.
- Vo svojej definícii „ clearTimeout ()“ metóda sa použije odovzdaním id „ setTimeout ()“ metóda, t.j. „ nastav čas “.
Výkon
Dá sa pozorovať, že „ Začiatok počítania ” spustí počítanie, ktoré sa zvyšuje po každej 1 sekunde. Tento počet sa zastaví kliknutím na „ Prestaňte počítať! tlačidlo “.
To je všetko o práci s funkciou clearTimeout() v JavaScripte.
Záver
' clearTimeout ()“ funkcia spracováva časový interval určený pomocou funkcie „ setTimeout ()“. Túto úlohu vykonáva odovzdaním id súboru 'setTimeout()' funguje ako jeho podstatný parameter. Slúži na zrušenie úloh vykonaných v zadanom časovom intervale, ktorý sa nastavuje pomocou „ setTimeout ()“. Tento príspevok prakticky vysvetlil postup spracovania funkcie JavaScript clearTimeout().