„JavaScript“ siūlo iš anksto nustatytą „ clearTimeout ()“ metodas, valdantis skirtojo laiko funkciją. Tai leidžia vartotojams atšaukti laiko intervalą, kuris anksčiau buvo nustatytas setTimeout ()' funkcija. Jis sustabdo kodo bloko, kuris kartojasi po tam tikro laiko intervalo, vykdymą. Jis dažniausiai naudojamas bankininkystės ir elektroninės prekybos svetainėse, siekiant atšaukti suplanuotas užduotis.
Šiame įraše bus paaiškinta, kaip tvarkyti JavaScript clearTimeout () funkciją.
Kaip tvarkyti „JavaScript“ funkciją „clearTimeout()“?
„ clearTimeout ()“ funkcija atšaukia laiko intervalą, kuris anksčiau buvo nustatytas naudojant „ setTimeout ()' funkcija. „ setTimeout ()“ funkcija nustato laiko intervalą, per kurį reikia pakartotinai atlikti konkrečią užduotį.
Sintaksė
„ clearTimeout ()“ metodas priklauso nuo jo pagrindinės sintaksės, kuri parašyta toliau:
clearTimeout ( id_of_settimeout )
Pagal pirmiau pateiktą sintaksę „ clearTimeout ()“ paima „ id ' iš ' setTimeout ()“ funkciją ir sustabdo laiko intervalą. Jei vartotojas neperduoda ID, jis nieko neatlieka.
Įgyvendinkime aukščiau apibrėžtą funkciją naudodami pagrindinę sintaksę.
1 pavyzdys: Funkcijos „clearTimeout()“ taikymas norint sustabdyti laiko intervalo nustatymą
Pirmasis pavyzdys taikomas „ clearTimeout ()“ funkcija sustabdyti nustatytą laiko intervalą.
Pirmiausia pažiūrėkite į šį HTML kodą:
< centras >< p > Palaukite 2 sekundes, puslapyje bus rodoma antraštė. < / p >
< h2 id = 'H2' >< / h2 >
< mygtuką paspaudus = 'sustabdyti()' > Sustabdykite vykdymą! < / mygtuką >
< / centras >
Aukščiau pateiktose kodo eilutėse:
- „< centras >“ žyma nustato nurodytų HTML elementų lygiavimą tinklalapio centre.
- „< p >“ žyma nurodo pastraipos teiginį.
- „< h2 >“ žyma yra tuščias antraštės elementas su ID „ H2 “.
- „< mygtuką >“ žyma įterpia mygtuko elementą, kuris vadina „ sustabdyti ()“ funkcija, kai ji pridedama paspaudus “ įvykis suaktyvinamas.
Tada pritaikykite „ clearTimeout ()“ funkcija naudojant nurodytą kodų bloką:
< scenarijus >konst nustatyti laiką = setTimeout ( pradėti , 2000 m ) ;
funkcija pradėti ( ) {
dokumentas. getElementById ( 'H2' ) . vidinis HTML = 'Sveiki atvykę į Linuxhint!'
}
funkcija sustabdyti ( ) {
clearTimeout ( nustatyti laiką ) ;
}
scenarijus >
Aukščiau pateiktame kodo fragmente:
- „ nustatyti laiką ' kintamasis taiko ' setTimeout ()“ funkcija, kuri perduoda „ pradėti “ funkcija kaip pirmasis parametras ir nurodytas “ milisekundžių skaičius “ kaip antrasis parametras. Ši funkcija vykdo „ pradėti “ funkcija nurodytu laiko intervalu.
- Tada apibrėžkite „ pradėti ()' funkcija.
- Šioje funkcijoje „ document.getElementById ()“ metodas taikomas norint pasiekti tuščią antraštės elementą, kurio ID yra „ H2 “ ir pridėkite jį prie pateikto teksto teiginio.
- Po to „ sustabdyti ()“ funkcija yra apibrėžta, kuriai taikoma „ clearTimeout ()“ metodas, perduodamas „ID“ setTimeout ()“ funkciją, kad sustabdytumėte jos laiko intervalą.
Išvestis (prieš sustabdant vykdymą)
Dabar išvestis rodo antraštės elementą nurodytu laiko intervalu prieš sustabdant laiko intervalą, nustatytą naudojant ' setTimeout ()“ metodą.
Išvestis (sustabdžius vykdymą)
Nurodytas mygtuko paspaudimas sustabdo laiko intervalą, kuris buvo nustatytas antraštės elementui rodyti.
2 pavyzdys: Funkcijos „clearTimeout()“ taikymas funkcijai sustabdyti
Šiame pavyzdyje naudojama „ clearTimeout ()“ funkciją, kad sustabdytumėte funkcijos vykdymą:
Pirmiausia peržiūrėkite pateiktą HTML kodą:
< centras >< mygtuką paspaudus = 'pradėti()' > Pradėkite skaičiuoti! < / mygtuką >
< įvestis tipo = 'tekstas' id = 'laukas' >
< mygtuką paspaudus = 'sustabdyti()' > Nustokite skaičiuoti! < / mygtuką >
< / centras >
Aukščiau esančiame kodo bloke:
- „< mygtuką >“ žyma prideda „ paspaudus “ įvykis, kad iškviestų funkciją „start()“, kai ją spustelėsite.
- „< įvestis >“ žyma prideda įvesties lauką su tipu „ tekstą “ ir ID „laukas“.
- Kitas „< mygtuką >“ taip pat prideda „ paspaudus 'įvykis, pavadintas ' sustabdyti ()“ funkciją, kai suaktyvinamas šis įvykis.
Dabar pritaikykite „ clearTimeout ()“ funkcija naudojant šias kodo eilutes:
< scenarijus >leiskite atsiskaityti = 0 ;
leiskite nustatyti laiką ;
leiskite timer_on = 0 ;
funkcija skaičiuoti ( ) {
dokumentas. getElementById ( 'laukas' ) . vertė = skaitiklis ;
skaitiklis ++;
nustatyti laiką = setTimeout ( skaičiuoti , 1000 ) ;
}
funkcija pradėti ( ) {
jeigu ( ! timer_on ) {
timer_on = 1 ;
skaičiuoti ( ) ;
}
}
funkcija sustabdyti ( ) {
clearTimeout ( nustatyti laiką ) ;
timer_on = 0 ;
}
scenarijus >
Aukščiau pateiktose kodo eilutėse:
- Pirma, „ leisti ' raktinis žodis deklaruoja tris kintamuosius ' skaitiklis“, „setTime“ ir „timer_on“. “.
- Toliau „ skaičiuoti ()“ funkcija yra apibrėžta.
- Savo apibrėžimuose „ document.getElementById() “ metodas taikomas norint pasiekti pridėtą įvesties lauką naudojant jo ID “ lauke “ ir pridėkite prie „ skaitiklis “ kintamasis.
- Dabar padidinkite „ skaitiklis “ kintamasis.
- Galiausiai pritaikykite „ setTimeout ()“ būdas atlikti „ skaičiuoti ()“ funkciją tam tikru laiko intervalu.
- Po to apibrėžkite funkciją pavadinimu ' pradėti ()“.
- Šioje funkcijoje „ jeigu “ naudojamas teiginys, nurodantis sąlygą, pvz., jei „ imer_on ' nėra ' įjungta “, tada jis yra lygus „ 1 ' ir ' skaičiuoti ()“ vadinama funkcija.
- Dabar apibrėžta kita funkcija pavadinimu ' sustabdyti ()“.
- Savo apibrėžime „ clearTimeout ()“ metodas taikomas praleidžiant „ID“ setTimeout ()“ metodas, ty „ nustatyti laiką “.
Išvestis
Galima pastebėti, kad „ Pradėti skaičiuoti “ mygtukas pradeda skaičiuoti, kuris didėja kas 1 sekundę. Šis skaičius sustabdomas spustelėjus „ Nustokite skaičiuoti! “ mygtuką.
Tai viskas apie „ClearTimeout()“ funkcijos tvarkymą „JavaScript“.
Išvada
„ clearTimeout ()“ funkcija apdoroja laiko intervalą, nurodytą naudojant „ setTimeout ()' funkcija. Šią užduotį jis atlieka perduodamas ID „setTimeout()“ veikia kaip esminis jo parametras. Jis naudojamas atšaukti užduotis, atliktas per nurodytą laiko intervalą, kuris nustatomas naudojant „ setTimeout ()' funkcija. Šiame įraše praktiškai paaiškinta „JavaScript“ clearTimeout () funkcijos tvarkymo procedūra.