JavaScript oferă un „predefinit” clearTimeout ()” metodă care gestionează funcționalitatea time-out. Permite utilizatorilor să anuleze intervalul de timp stabilit anterior de „ setTimeout ()”. Oprește execuția blocului de cod care se repetă după intervalul de timp specific. Este folosit mai ales pentru site-urile bancare și de comerț electronic pentru a anula sarcinile programate.
Această postare va explica cum să gestionați funcția JavaScript clearTimeout().
Cum se gestionează funcția JavaScript „clearTimeout()”?
„ clearTimeout ()” anulează intervalul de timp care a fost setat anterior cu ajutorul butonului „ setTimeout ()”. „ setTimeout Funcția ()” setează intervalul de timp pentru a efectua o anumită sarcină în mod repetat în cadrul acesteia.
Sintaxă
Funcționarea „ clearTimeout ()” metoda depinde de sintaxa sa de bază, care este scrisă mai jos:
clearTimeout ( id_of_settimeout )
Conform sintaxei de mai sus, „ clearTimeout ()” ia „ id ” din ” setTimeout ()” și oprește intervalul de timp. Dacă utilizatorul nu trece id-ul, atunci nu efectuează nimic.
Să implementăm funcția definită mai sus folosind sintaxa de bază.
Exemplul 1: Aplicarea funcției „clearTimeout()” pentru a opri intervalul de timp setat
Primul exemplu aplică „ clearTimeout ()” pentru a opri intervalul de timp setat.
Priviți mai întâi următorul cod HTML:
< centru >< p > Așteptați 2 secunde, pagina va afișa un titlu. < / p >
< h2 id = 'H2' >< / h2 >
< buton onclick = 'Stop()' > Opriți execuția! < / buton >
< / centru >
În liniile de cod de mai sus:
- „< centru >” eticheta setează alinierea elementelor HTML date la centrul paginii web.
- „< p >” eticheta specifică o declarație de paragraf.
- „< h2 >” eticheta este un element de antet gol cu un id „ H2 ”.
- „< buton >” eticheta inserează elementul butonului care numește „ Stop ()” funcția când este atașată „ onclick ” se declanșează evenimentul.
Apoi, aplicați „ clearTimeout ()” folosind blocul de cod menționat:
< scenariu >const potriveste ora = setTimeout ( start , 2000 ) ;
funcţie start ( ) {
document. getElementById ( 'H2' ) . innerHTML = „Bine ați venit la Linuxhint!”
}
funcţie Stop ( ) {
clearTimeout ( potriveste ora ) ;
}
scenariu >
În fragmentul de cod de mai sus:
- „ potriveste ora „variabila” aplică „ setTimeout ()” funcția care trece de „ start ” funcționează ca prim parametru și „ specificat nr de milisecunde ” ca al doilea parametru. Această funcție execută „ start ” într-un interval de timp specificat.
- Apoi, definiți „ start ()”.
- În această funcție, „ document.getElementById ()” se aplică pentru a accesa elementul de antet gol al cărui id este „ H2 ” și adăugați-l cu instrucțiunea text dată.
- După aceea, „ Stop ()” este definită funcția, care aplică funcția „ clearTimeout ()” metoda care trece id-ul „ setTimeout ()” pentru a opri intervalul de timp.
Ieșire (înainte de oprirea execuției)
Acum ieșirea arată un element de antet într-un interval de timp specificat înainte de a opri intervalul de timp setat prin intermediul „ setTimeout ()” metoda.
Ieșire (după oprirea execuției)
Apăsarea butonului dat oprește intervalul de timp care a fost setat pentru afișarea elementului de antet.
Exemplul 2: Aplicarea funcției „clearTimeout()” pentru a opri o funcție
Acest exemplu utilizează „ clearTimeout ()” pentru a opri execuția unei funcții:
Mai întâi, parcurgeți codul HTML furnizat:
< centru >< buton onclick = 'start()' > Începe numărătoarea! < / buton >
< intrare tip = 'text' id = 'camp' >
< buton onclick = 'Stop()' > Nu mai numără! < / buton >
< / centru >
În blocul de cod de mai sus:
- „< buton >” eticheta atașează „ onclick ” eveniment pentru a invoca funcția „start()” atunci când se face clic pe aceasta.
- „< intrare >” eticheta adaugă un câmp de intrare cu tipul „ text ” și un id „câmp”.
- Următorul „< buton >” atașează și „ onclick ” eveniment pentru a apela ” Stop ()” atunci când acest eveniment este declanșat.
Acum, aplicați „ clearTimeout ()” folosind aceste linii de cod:
< scenariu >lasa contra = 0 ;
lasă să setTime ;
lasă timer_on = 0 ;
funcţie numara ( ) {
document. getElementById ( 'camp' ) . valoare = tejghea ;
tejghea ++;
potriveste ora = setTimeout ( numara , 1000 ) ;
}
funcţie start ( ) {
dacă ( ! timer_on ) {
timer_on = 1 ;
numara ( ) ;
}
}
funcţie Stop ( ) {
clearTimeout ( potriveste ora ) ;
timer_on = 0 ;
}
scenariu >
În rândurile de cod de mai sus:
- În primul rând, „ lăsa ” cuvântul cheie declară trei variabile ” counter”, „setTime” și „timer_on”. ”.
- În continuare, „ numara ()” este definită.
- În definițiile sale, „ document.getElementById() ” este aplicată pentru a accesa câmpul de introducere adăugat folosind id-ul său “ camp ” și adăugați-l cu valoarea „ tejghea ' variabil.
- Acum, creșteți valoarea „ tejghea ' variabil.
- În cele din urmă, aplicați „ setTimeout ()” metoda de realizare a executării „ numara ()” într-un interval de timp dat.
- După aceea, definiți o funcție numită „ start ()”.
- În această funcție, un „ dacă ” este folosită declarația care specifică o condiție, adică dacă „ imer_on ' nu este ' pe ” atunci este egal cu ” 1 ' si ' numara ()” este numită funcția.
- Acum, este definită o altă funcție numită „ Stop ()”.
- În definiția sa, „ clearTimeout ()” este aplicată trecând id-ul „ setTimeout ()” metoda, adică „ potriveste ora ”.
Ieșire
Se poate observa că „ Începe numărătoarea butonul ” pornește numărătoarea care crește după fiecare 1 secundă. Acest număr se oprește făcând clic pe „ Nu mai numără! butonul ”.
Acesta este totul despre gestionarea funcției clearTimeout() în JavaScript.
Concluzie
„ clearTimeout ()” funcția gestionează intervalul de timp specificat cu ajutorul „ setTimeout ()”. Îndeplinește această sarcină prin transmiterea ID-ului „setTimeout()” funcţionează ca parametru esenţial. Este folosit pentru anularea sarcinilor efectuate în intervalul de timp specificat, care a fost setat cu ajutorul „ setTimeout ()”. Această postare a explicat practic procedura de gestionare a funcției JavaScript clearTimeout().