JavaScript tarjoaa ennalta määritellyn ' clearTimeout ()' -menetelmä, joka hallitsee aikakatkaisutoimintoa. Sen avulla käyttäjät voivat peruuttaa aikavälin, jonka on aiemmin määrittänyt ' setTimeout ()'-toiminto. Se pysäyttää koodilohkon suorittamisen, joka toistuu tietyn aikavälin jälkeen. Sitä käytetään enimmäkseen pankki- ja verkkokauppasivustoilla ajoitettujen tehtävien peruuttamiseksi.
Tämä viesti selittää, kuinka JavaScript clearTimeout () -funktiota käsitellään.
Kuinka käsitellä JavaScript 'clearTimeout()' -toimintoa?
' clearTimeout ()' -toiminto peruuttaa aikavälin, joka oli aiemmin asetettu ' setTimeout ()'-toiminto. ' setTimeout ()”-toiminto asettaa aikavälin tietyn tehtävän suorittamiseen toistuvasti sen sisällä.
Syntaksi
' clearTimeout ()' -menetelmä riippuu sen perussyntaksista, joka on kirjoitettu alla:
clearTimeout ( id_of_settimeout )
Yllä olevan syntaksin mukaan ' clearTimeout ()' ottaa ' id '/' setTimeout ()”-toiminto ja pysäyttää aikavälin. Jos käyttäjä ei välitä tunnusta, se ei tee mitään.
Toteutetaan yllä määritelty funktio käyttämällä sen perussyntaksia.
Esimerkki 1: 'clearTimeout()'-funktion käyttäminen pysäyttämään asetettu aikaväli
Ensimmäinen esimerkki koskee ' clearTimeout ()”-toiminto pysäyttää asetetun aikavälin.
Katso ensin seuraavaa HTML-koodia:
< keskusta >< s > Odota 2 sekuntia, sivulla näkyy otsikko. < / s >
< h2 id = 'H2' >< / h2 >
< -painiketta klikkaamalla = 'lopettaa()' > Lopeta toteutus! < / -painiketta >
< / keskusta >
Yllä olevilla koodiriveillä:
- '< keskusta >”-tunniste asettaa annettujen HTML-elementtien tasauksen verkkosivun keskelle.
- '< s >' -tunniste määrittää kappalelausekkeen.
- '< h2 >' -tunniste on tyhjä otsikkoelementti, jolla on tunnus ' H2 ”.
- '< -painiketta >' -tunniste lisää painikeelementin, joka kutsuu ' lopettaa ()'-toiminto, kun se on liitetty ' klikkaamalla ”tapahtuma käynnistyy.
Käytä seuraavaksi ' clearTimeout ()'-toiminto käyttäen ilmoitettua koodilohkoa:
< käsikirjoitus >konst Asettaa aika = setTimeout ( alkaa , 2000 ) ;
toiminto alkaa ( ) {
asiakirja. getElementById ( 'H2' ) . innerHTML = 'Tervetuloa Linuxhintiin!'
}
toiminto lopettaa ( ) {
clearTimeout ( Asettaa aika ) ;
}
käsikirjoitus >
Yllä olevassa koodinpätkässä:
- ' Asettaa aika 'muuttuja käyttää ' setTimeout ()'-funktio, joka ohittaa ' alkaa ”-funktio sen ensimmäisenä parametrina ja määritettynä ” ei millisekunteja ” toisena parametrina. Tämä toiminto suorittaa ' alkaa ”-toiminto tietyllä aikavälillä.
- Määritä seuraavaksi ' alkaa ()'-toiminto.
- Tässä toiminnossa ' document.getElementById ()' -menetelmää käytetään päästämään tyhjään otsikkoelementtiin, jonka tunnus on ' H2 ” ja liitä se annetulla tekstilausekkeella.
- Sen jälkeen ' lopettaa ()' -funktio on määritelty, joka soveltaa ' clearTimeout ()'-menetelmä ohittaa 'tunnuksen' setTimeout ()”-toiminto pysäyttää sen aikavälin.
Tulos (ennen suorituksen lopettamista)
Nyt tulos näyttää otsikkoelementin tietyllä aikavälillä ennen kuin pysäytetään ' setTimeout ()' menetelmällä.
Tulos (suorituksen lopettamisen jälkeen)
Annettu painikkeen napsautus pysäyttää aikavälin, joka on asetettu otsikkoelementin näyttämiselle.
Esimerkki 2: 'clearTimeout()'-funktion käyttäminen funktion pysäyttämiseen
Tässä esimerkissä käytetään ' clearTimeout ()”-toiminto pysäyttää toiminnon suorittamisen:
Käy ensin läpi toimitettu HTML-koodi:
< keskusta >< -painiketta klikkaamalla = 'alkaa()' > Aloita laskeminen! < / -painiketta >
< syöttö tyyppi = 'teksti' id = 'ala' >
< -painiketta klikkaamalla = 'lopettaa()' > Lopeta laskeminen! < / -painiketta >
< / keskusta >
Yllä olevassa koodilohkossa:
- '< -painiketta >' -tunniste liittää ' klikkaamalla ' -tapahtuma käynnistää 'start()'-funktion, kun sitä napsautetaan.
- '< syöttö >' -tunniste lisää syöttökentän, jonka tyyppi on ' teksti ' ja tunnus 'kenttä'.
- Seuraava '< -painiketta >' liittää myös ' klikkaamalla tapahtuma, jota kutsutaan nimellä lopettaa ()”-toimintoa, kun tämä tapahtuma laukeaa.
Käytä nyt ' clearTimeout ()'-funktio käyttämällä näitä koodirivejä:
< käsikirjoitus >anna laskun = 0 ;
anna asettaaAjan ;
anna timer_on = 0 ;
toiminto Kreivi ( ) {
asiakirja. getElementById ( 'ala' ) . arvo = laskuri ;
laskuri ++;
Asettaa aika = setTimeout ( Kreivi , 1000 ) ;
}
toiminto alkaa ( ) {
jos ( ! ajastin käynnissä ) {
ajastin käynnissä = 1 ;
Kreivi ( ) ;
}
}
toiminto lopettaa ( ) {
clearTimeout ( Asettaa aika ) ;
ajastin käynnissä = 0 ;
}
käsikirjoitus >
Yllä olevilla koodiriveillä:
- Ensinnäkin ' antaa 'avainsana ilmoittaa kolme muuttujaa' laskuri, setTime ja timer_on ”.
- Seuraavaksi ' Kreivi ()”-toiminto on määritelty.
- Sen määritelmissä ' document.getElementById() ' -menetelmää käytetään lisätyn syöttökentän avaamiseen sen tunnuksella ' ala ja lisää se arvolla ' laskuri ”muuttuja.
- Kasvata nyt ' laskuri ”muuttuja.
- Käytä lopuksi ' setTimeout ()' -menetelmällä ' Kreivi ()”-toiminto tietyllä aikavälillä.
- Määritä sen jälkeen funktio nimeltä ' alkaa ()'.
- Tässä toiminnossa ' jos '-lausetta käytetään, joka määrittää ehdon, eli jos ' imer_on ' ei ole ' päällä 'niin se on yhtä suuri kuin' 1 ' ja ' Kreivi ()”-funktiota kutsutaan.
- Nyt on määritetty toinen funktio nimeltä ' lopettaa ()'.
- Määritelmässään ' clearTimeout ()' -menetelmää käytetään ohittamalla ' setTimeout ()' menetelmä eli ' Asettaa aika ”.
Lähtö
Voidaan havaita, että ' Aloita laskeminen ” -painike käynnistää laskurin, joka kasvaa 1 sekunnin välein. Tämä laskenta pysähtyy napsauttamalla ' Lopeta laskeminen! ”-painiketta.
Siinä on kyse JavaScriptin clearTimeout()-funktion käsittelystä.
Johtopäätös
' clearTimeout ()' -toiminto käsittelee '' avulla määritettyä aikaväliä setTimeout ()'-toiminto. Se suorittaa tämän tehtävän välittämällä tunnuksen 'setTimeout()' toimii sen olennaisena parametrina. Sitä käytetään tehtävien peruuttamiseen määritetyllä aikavälillä, joka on asetettu ' setTimeout ()'-toiminto. Tämä viesti on käytännössä selittänyt menettelyn JavaScript clearTimeout () -funktion käsittelemiseksi.