JavaScript piedāvā iepriekš definētu ' clearTimeout ()” metode, kas pārvalda taimauta funkcionalitāti. Tas ļauj lietotājiem atcelt laika intervālu, kas iepriekš tika noteikts ar ' setTimeout ()” funkciju. Tas aptur koda bloka izpildi, kas atkārtojas pēc noteiktā laika intervāla. To galvenokārt izmanto banku un e-komercijas vietnēs, lai atceltu ieplānotos uzdevumus.
Šajā ziņojumā tiks paskaidrots, kā rīkoties ar JavaScript clearTimeout () funkciju.
Kā rīkoties ar JavaScript funkciju “clearTimeout()”?
' clearTimeout ()” funkcija atceļ laika intervālu, kas iepriekš tika iestatīts, izmantojot “ setTimeout ()” funkciju. ' setTimeout ()” funkcija iestata laika intervālu, lai tajā atkārtoti veiktu konkrētu uzdevumu.
Sintakse
“ clearTimeout ()” metode ir atkarīga no tās pamata sintakses, kas rakstīta tālāk:
clearTimeout ( id_of_settimeout )
Saskaņā ar iepriekš minēto sintaksi “ clearTimeout ()” aizņem “ id ' no ' setTimeout ()” funkciju un aptur laika intervālu. Ja lietotājs nenodod id, tas neko nedara.
Ieviesīsim iepriekš definēto funkciju, izmantojot tās pamata sintaksi.
1. piemērs: funkcijas “clearTimeout()” izmantošana, lai apturētu iestatīto laika intervālu
Pirmais piemērs attiecas uz ' clearTimeout ()” funkciju, lai apturētu iestatīto laika intervālu.
Vispirms apskatiet šo HTML kodu:
< centrs >< lpp > Uzgaidiet 2 sekundes, lapā tiks parādīts virsraksts. < / lpp >
< h2 id = 'H2' >< / h2 >
< pogu onclick = 'stop ()' > Pārtraukt izpildi! < / pogu >
< / centrs >
Iepriekš minētajās koda rindās:
- “< centrs >” tags iestata doto HTML elementu izlīdzināšanu tīmekļa lapas centrā.
- “< lpp >” tags norāda rindkopas paziņojumu.
- “< h2 >' tags ir tukšs virsraksta elements ar ID ' H2 ”.
- “< pogu >” tags ievieto pogas elementu, kas izsauc stop ()” funkcija, ja tā ir pievienota onclick ” notikums tiek aktivizēts.
Pēc tam izmantojiet “ clearTimeout ()” funkcija, izmantojot norādīto koda bloku:
< skripts >konst uzstādīt laiku = setTimeout ( sākt , 2000. gads ) ;
funkciju sākt ( ) {
dokumentu. getElementById ( 'H2' ) . innerHTML = 'Laipni lūdzam Linuxhint!'
}
funkciju stop ( ) {
clearTimeout ( uzstādīt laiku ) ;
}
skripts >
Iepriekš minētajā koda fragmentā:
- ' uzstādīt laiku ' mainīgais piemēro ' setTimeout ()' funkcija, kas iztur ' sākt ' funkcija kā tā pirmais parametrs un norādītais ' no milisekundēm ” kā otro parametru. Šī funkcija izpilda ' sākt ” funkciju noteiktā laika intervālā.
- Pēc tam definējiet ' sākt ()” funkciju.
- Šajā funkcijā “ document.getElementById ()' metode tiek izmantota, lai piekļūtu tukšajam virsraksta elementam, kura ID ir ' H2 ” un pievienojiet to ar doto teksta paziņojumu.
- Pēc tam ' stop ()” funkcija ir definēta, kas piemēro “ clearTimeout ()” metode, kas šķērso ID setTimeout ()” funkciju, lai apturētu tā laika intervālu.
Izvade (pirms izpildes apturēšanas)
Tagad izvade parāda virsraksta elementu noteiktā laika intervālā pirms laika intervāla apturēšanas, kas iestatīts, izmantojot ' setTimeout ()” metodi.
Izvade (pēc izpildes apturēšanas)
Dotais pogas klikšķis aptur laika intervālu, kas ir iestatīts virsraksta elementa parādīšanai.
2. piemērs: Funkcijas “clearTimeout()” lietošana, lai apturētu funkciju
Šajā piemērā tiek izmantots ' clearTimeout ()” funkciju, lai apturētu funkcijas izpildi:
Vispirms izlasiet norādīto HTML kodu:
< centrs >< pogu onclick = 'sākt()' > Sāciet skaitīt! < / pogu >
< ievade veids = 'teksts' id = 'lauks' >
< pogu onclick = 'stop ()' > Beidz skaitīt! < / pogu >
< / centrs >
Iepriekš minētajā koda blokā:
- “< pogu >” atzīme pievieno “ onclick ” notikumu, lai izsauktu funkciju “sākt()”, kad uz tās tiek noklikšķināts.
- “< ievade >” tags pievieno ievades lauku ar veidu “ tekstu ” un ID “lauks”.
- Nākamais “< pogu >” pievieno arī “ onclick 'pasākums, ko saukt par ' stop ()” funkciju, kad šis notikums tiek aktivizēts.
Tagad izmantojiet ' clearTimeout ()” funkciju, izmantojot šīs koda rindas:
< skripts >ļaujiet skaitīt = 0 ;
ļaujiet iestatīt laiku ;
ļaujiet taimerim ieslēgt = 0 ;
funkciju skaitīt ( ) {
dokumentu. getElementById ( 'lauks' ) . vērtību = skaitītājs ;
skaitītājs ++;
uzstādīt laiku = setTimeout ( skaitīt , 1000 ) ;
}
funkciju sākt ( ) {
ja ( ! timer_on ) {
timer_on = 1 ;
skaitīt ( ) ;
}
}
funkciju stop ( ) {
clearTimeout ( uzstādīt laiku ) ;
timer_on = 0 ;
}
skripts >
Iepriekš minētajās koda rindās:
- Pirmkārt, ' ļaut 'atslēgvārds deklarē trīs mainīgos' skaitītājs”, “setTime” un “timer_on ”.
- Tālāk “ skaitīt ()” funkcija ir definēta.
- Tās definīcijās “ document.getElementById() ' metode tiek izmantota, lai piekļūtu pievienotajam ievades laukam, izmantojot tā ID ' lauks ' un pievienojiet to ar vērtību skaitītājs ” mainīgais.
- Tagad palieliniet ' skaitītājs ” mainīgais.
- Visbeidzot, izmantojiet “ setTimeout ()” metodi, lai izpildītu “ skaitīt ()” funkciju noteiktā laika intervālā.
- Pēc tam definējiet funkciju ar nosaukumu ' sākt ()”.
- Šajā funkcijā “ ja ' tiek izmantots paziņojums, kas norāda nosacījumu, t.i., ja ' imer_on ' nav ' ieslēgts ', tad tas ir vienāds ar ' 1 ” un „ skaitīt ()” tiek izsaukta funkcija.
- Tagad ir definēta cita funkcija ar nosaukumu ' stop ()”.
- Savā definīcijā ' clearTimeout ()” metode tiek piemērota, laižot garām ID setTimeout ()” metode, t.i. uzstādīt laiku ”.
Izvade
Var novērot, ka ' Sāciet skaitīšanu ” poga sāk skaitīšanu, kas palielinās ik pēc 1 sekundes. Skaitīšana tiek apturēta, noklikšķinot uz ' Beidz skaitīt! ” pogu.
Tas viss attiecas uz funkcijas clearTimeout () apstrādi JavaScript.
Secinājums
' clearTimeout ()' funkcija apstrādā laika intervālu, kas norādīts, izmantojot ' setTimeout ()” funkciju. Tas veic šo uzdevumu, nododot ID “setTimeout()” darboties kā tā būtiskajam parametram. To izmanto, lai atceltu uzdevumus, kas veikti noteiktā laika intervālā, kas iestatīts, izmantojot “ setTimeout ()” funkciju. Šajā ziņojumā ir praktiski izskaidrota JavaScript funkcijas clearTimeout () apstrādes procedūra.