Η JavaScript προσφέρει ένα προκαθορισμένο ' clearTimeout ()' μέθοδος που διαχειρίζεται τη λειτουργία χρονικού ορίου. Επιτρέπει στους χρήστες να ακυρώσουν το χρονικό διάστημα που καθορίστηκε προηγουμένως από το ' setTimeout ()' λειτουργία. Διακόπτει την εκτέλεση του μπλοκ κώδικα που επαναλαμβάνεται μετά το συγκεκριμένο χρονικό διάστημα. Χρησιμοποιείται ως επί το πλείστον για ιστοσελίδες τραπεζών και ηλεκτρονικού εμπορίου για την ακύρωση προγραμματισμένων εργασιών.
Αυτή η ανάρτηση θα εξηγήσει πώς να χειριστείτε τη λειτουργία JavaScript clearTimeout().
Πώς να χειριστείτε τη συνάρτηση 'clearTimeout()' JavaScript;
Ο ' clearTimeout ()' η συνάρτηση ακυρώνει το χρονικό διάστημα που είχε οριστεί νωρίτερα με τη βοήθεια του ' setTimeout ()' λειτουργία. Ο ' setTimeout Η λειτουργία ()” ορίζει το χρονικό διάστημα για την επανειλημμένη εκτέλεση μιας συγκεκριμένης εργασίας εντός αυτής.
Σύνταξη
Η λειτουργία του « clearTimeout ()” η μέθοδος εξαρτάται από τη βασική σύνταξη που γράφεται παρακάτω:
clearTimeout ( id_of_settimeout )
Σύμφωνα με την παραπάνω σύνταξη, το « clearTimeout ()' παίρνει το ' ταυτότητα ' απο ' setTimeout ()” λειτουργεί και σταματά το χρονικό διάστημα. Εάν ο χρήστης δεν περάσει το αναγνωριστικό τότε δεν εκτελεί τίποτα.
Ας εφαρμόσουμε την παραπάνω συνάρτηση χρησιμοποιώντας τη βασική σύνταξη.
Παράδειγμα 1: Εφαρμογή της συνάρτησης 'clearTimeout()' για διακοπή του καθορισμένου χρονικού διαστήματος
Το πρώτο παράδειγμα εφαρμόζει το « clearTimeout ()” λειτουργία για να σταματήσει το καθορισμένο χρονικό διάστημα.
Πρώτα κοιτάξτε τον ακόλουθο κώδικα HTML:
< κέντρο >< Π > Περιμένετε 2 δευτερόλεπτα, η σελίδα θα εμφανίσει μια επικεφαλίδα. < / Π >
< h2 ταυτότητα = 'H2' >< / h2 >
< κουμπί στο κλικ = 'να σταματήσει()' > Σταματήστε την εκτέλεση! < / κουμπί >
< / κέντρο >
Στις παραπάνω γραμμές κώδικα:
- Το «< κέντρο Η ετικέτα >” ορίζει τη στοίχιση των δεδομένων HTML στο κέντρο της ιστοσελίδας.
- Το «< Π >» η ετικέτα καθορίζει μια δήλωση παραγράφου.
- Το «< h2 >' η ετικέτα είναι ένα κενό στοιχείο επικεφαλίδας με ένα αναγνωριστικό ' Η2 '.
- Το «< κουμπί Η ετικέτα >» εισάγει το στοιχείο κουμπιού που καλεί το « να σταματήσει ()' λειτουργεί όταν επισυνάπτεται ' στο κλικ ” πυροδοτείται το συμβάν.
Στη συνέχεια, εφαρμόστε το ' clearTimeout ()' λειτουργία χρησιμοποιώντας το δηλωμένο μπλοκ κώδικα:
< γραφή >συνθ setTime = setTimeout ( αρχή , 2000 ) ;
λειτουργία αρχή ( ) {
έγγραφο. getElementById ( 'H2' ) . innerHTML = 'Καλώς ήρθατε στο Linuxhint!'
}
λειτουργία να σταματήσει ( ) {
clearTimeout ( setTime ) ;
}
γραφή >
Στο παραπάνω απόσπασμα κώδικα:
- Ο ' setTime Η μεταβλητή 'εφαρμόζει το ' setTimeout ()' συνάρτηση που περνάει το ' αρχή 'λειτουργεί ως η πρώτη του παράμετρος και η καθορισμένη' όχι χιλιοστά του δευτερολέπτου ” ως δεύτερη παράμετρος. Αυτή η συνάρτηση εκτελεί το ' αρχή λειτουργούν σε ένα καθορισμένο χρονικό διάστημα.
- Στη συνέχεια, ορίστε το ' αρχή ()' λειτουργία.
- Σε αυτή τη λειτουργία, το ' document.getElementById ()' η μέθοδος εφαρμόζεται για πρόσβαση στο κενό στοιχείο επικεφαλίδας του οποίου το αναγνωριστικό είναι ' Η2 » και να το επισυνάψετε με τη δεδομένη δήλωση κειμένου.
- Μετά από αυτό, το « να σταματήσει ()' ορίζεται η συνάρτηση, η οποία εφαρμόζει το ' clearTimeout ()' μέθοδος περνώντας το αναγνωριστικό του ' setTimeout ()” λειτουργία για να σταματήσει το χρονικό του διάστημα.
Έξοδος (Πριν από τη διακοπή της εκτέλεσης)
Τώρα η έξοδος εμφανίζει ένα στοιχείο επικεφαλίδας σε ένα καθορισμένο χρονικό διάστημα πριν σταματήσει το χρονικό διάστημα που έχει οριστεί μέσω του ' setTimeout ()».
Έξοδος (Μετά τη διακοπή της εκτέλεσης)
Το συγκεκριμένο κλικ κουμπιού σταματά το χρονικό διάστημα που έχει οριστεί για την εμφάνιση του στοιχείου επικεφαλίδας.
Παράδειγμα 2: Εφαρμογή της συνάρτησης 'clearTimeout()' για διακοπή μιας συνάρτησης
Αυτό το παράδειγμα χρησιμοποιεί το ' clearTimeout ()” συνάρτηση για να σταματήσει την εκτέλεση μιας συνάρτησης:
Πρώτα, διαβάστε τον παρεχόμενο κώδικα HTML:
< κέντρο >< κουμπί στο κλικ = 'αρχή()' > Αρχίστε να μετράτε! < / κουμπί >
< εισαγωγή τύπος = 'κείμενο' ταυτότητα = 'πεδίο' >
< κουμπί στο κλικ = 'να σταματήσει()' > Σταμάτα να μετράς! < / κουμπί >
< / κέντρο >
Στο παραπάνω μπλοκ κώδικα:
- Το «< κουμπί >' επισυνάπτει την ετικέτα ' στο κλικ », για να καλέσετε τη συνάρτηση «start()» όταν κάνετε κλικ σε αυτήν.
- Το «< εισαγωγή >' η ετικέτα προσθέτει ένα πεδίο εισαγωγής με τον τύπο ' κείμενο » και ένα αναγνωριστικό «πεδίο».
- Το επόμενο «< κουμπί >» επισυνάπτει επίσης το « στο κλικ ' εκδήλωση για την κλήση ' να σταματήσει ()' όταν ενεργοποιείται αυτό το συμβάν.
Τώρα, εφαρμόστε το ' clearTimeout ()' λειτουργία χρησιμοποιώντας αυτές τις γραμμές κώδικα:
< γραφή >ας κοντράρει = 0 ;
αφήστε τη ρύθμιση χρόνου ;
αφήστε timer_on = 0 ;
λειτουργία μετρώ ( ) {
έγγραφο. getElementById ( 'πεδίο' ) . αξία = μετρητής ;
μετρητής ++;
setTime = setTimeout ( μετρώ , 1000 ) ;
}
λειτουργία αρχή ( ) {
αν ( ! timer_on ) {
timer_on = 1 ;
μετρώ ( ) ;
}
}
λειτουργία να σταματήσει ( ) {
clearTimeout ( setTime ) ;
timer_on = 0 ;
}
γραφή >
Στις παραπάνω γραμμές κώδικα:
- Πρώτον, το « αφήνω 'η λέξη-κλειδί δηλώνει τρεις μεταβλητές' μετρητής», «setTime» και «timer_on '.
- Στη συνέχεια, το « μετρώ ()” ορίζεται η λειτουργία.
- Στους ορισμούς του, το « document.getElementById() Η μέθοδος ' εφαρμόζεται για πρόσβαση στο προστιθέμενο πεδίο εισαγωγής χρησιμοποιώντας το αναγνωριστικό του ' πεδίο ' και προσθέστε το με την τιμή του ' μετρητής ” μεταβλητή.
- Τώρα, αυξήστε την τιμή του ' μετρητής ” μεταβλητή.
- Τέλος, εφαρμόστε το « setTimeout ()' μέθοδος για να εκτελέσετε την εκτέλεση του ' μετρώ ()” λειτουργία σε ένα δεδομένο χρονικό διάστημα.
- Μετά από αυτό, ορίστε μια συνάρτηση με το όνομα ' αρχή ()”.
- Σε αυτή τη λειτουργία, ένα ' αν Χρησιμοποιείται η δήλωση που καθορίζει μια συνθήκη, δηλαδή εάν ' imer_on ' δεν είναι ' επί 'τότε ισούται με' 1 ' και το ' μετρώ ()' καλείται η συνάρτηση.
- Τώρα, μια άλλη συνάρτηση ορίζεται με το όνομα ' να σταματήσει ()”.
- Στον ορισμό του, το « clearTimeout ()' εφαρμόζεται η μέθοδος περνώντας το id του ' setTimeout ()' μέθοδος, δηλαδή ' setTime '.
Παραγωγή
Μπορεί να παρατηρηθεί ότι το « Έναρξη μέτρησης Το κουμπί ” ξεκινά τη μέτρηση που αυξάνεται μετά από κάθε 1 δευτερόλεπτο. Αυτή η μέτρηση σταματά κάνοντας κλικ στο ' Σταμάτα να μετράς! κουμπί '.
Αυτό αφορά το χειρισμό της συνάρτησης clearTimeout() σε JavaScript.
συμπέρασμα
Ο ' clearTimeout ()' η συνάρτηση χειρίζεται το χρονικό διάστημα που καθορίζεται με τη βοήθεια του ' setTimeout ()' λειτουργία. Εκτελεί αυτή την εργασία περνώντας το id του 'setTimeout()' λειτουργεί ως βασική του παράμετρος. Χρησιμοποιείται για την ακύρωση των εργασιών που εκτελούνται στο καθορισμένο χρονικό διάστημα που έχει ρυθμιστεί χρησιμοποιώντας το ' setTimeout ()' λειτουργία. Αυτή η ανάρτηση έχει ουσιαστικά εξηγήσει τη διαδικασία χειρισμού της συνάρτησης clearTimeout() JavaScript.