JavaScript מציע הגדרה מוגדרת מראש ' clearTimeout ()' שיטת המנהלת את פונקציונליות הזמן. זה מאפשר למשתמשים לבטל את מרווח הזמן שנקבע בעבר על ידי ' setTimeout ()' פונקציה. זה מפסיק את הביצוע של בלוק הקוד שחוזר על עצמו לאחר מרווח הזמן הספציפי. הוא משמש בעיקר עבור אתרי בנקאות ומסחר אלקטרוני כדי לבטל משימות מתוזמנות.
פוסט זה יסביר כיצד לטפל בפונקציה clearTimeout() של JavaScript.
כיצד לטפל בפונקציית 'clearTimeout()' של JavaScript?
ה ' clearTimeout הפונקציה ()' מבטלת את מרווח הזמן שהוגדר קודם לכן בעזרת ' setTimeout ()' פונקציה. ה ' setTimeout הפונקציה ()' מגדירה את מרווח הזמן לביצוע משימה מסוימת בתוכה שוב ושוב.
תחביר
עבודתו של ' clearTimeout שיטת ()' תלויה בתחביר הבסיסי שלה שנכתב להלן:
clearTimeout ( id_of_settimeout )
על פי התחביר לעיל, ה' clearTimeout ()' לוקח את ' תְעוּדַת זֶהוּת ' של ה ' setTimeout ()' פונקציה ועוצרת את מרווח הזמן. אם המשתמש לא מעביר את המזהה אז הוא לא מבצע כלום.
בואו ליישם את הפונקציה שהוגדרה לעיל באמצעות התחביר הבסיסי שלה.
דוגמה 1: החלת הפונקציה 'clearTimeout()' כדי לעצור את מרווח הזמן הקבוע
הדוגמה הראשונה מיישמת את ' clearTimeout ()' כדי לעצור את מרווח הזמן שנקבע.
הסתכל תחילה על קוד ה-HTML הבא:
< מֶרְכָּז >< ע > המתן 2 שניות, הדף יציג כותרת. < / ע >
< h2 תְעוּדַת זֶהוּת = 'H2' >< / h2 >
< לַחְצָן בלחיצה = 'תפסיק()' > עצור את ההוצאה להורג! < / לַחְצָן >
< / מֶרְכָּז >
בשורות הקוד לעיל:
- ה'< מֶרְכָּז >' תג מגדיר את היישור של רכיבי ה-HTML הנתונים למרכז דף האינטרנט.
- ה'< ע >' תג מציין משפט פסקה.
- ה'< h2 תג >' הוא רכיב כותרת ריק עם מזהה ' H2 '.
- ה'< לַחְצָן תג >' מכניס את רכיב הלחצן שקורא ל-' תפסיק ()' כאשר היא מצורפת ' בלחיצה ' האירוע מופעל.
לאחר מכן, החל את ' clearTimeout ()' הפונקציה באמצעות בלוק הקוד האמור:
< תַסרִיט >const זמן מוגדר = setTimeout ( הַתחָלָה , 2000 ) ;
פוּנקצִיָה הַתחָלָה ( ) {
מסמך. getElementById ( 'H2' ) . innerHTML = 'ברוכים הבאים ל-Linuxhint!'
}
פוּנקצִיָה תפסיק ( ) {
clearTimeout ( זמן מוגדר ) ;
}
תַסרִיט >
בקטע הקוד שלמעלה:
- ה ' זמן מוגדר ' המשתנה מחיל את ' setTimeout ()' הפונקציה שמעבירה את ' הַתחָלָה ' הפונקציה כפרמטר הראשון שלה וה' שצוין ' מספר אלפיות השנייה ' כפרמטר השני. פונקציה זו מבצעת את ' הַתחָלָה ' פונקציה במרווח זמן מוגדר.
- לאחר מכן, הגדר את ' הַתחָלָה ()' פונקציה.
- בפונקציה זו, ' document.getElementById ()' מופעלת כדי לגשת לרכיב הכותרת הריק שהמזהה שלו הוא ' H2 ' וצרף אותו עם הצהרת הטקסט הנתונה.
- לאחר מכן, ה' תפסיק מוגדרת הפונקציה ()', אשר מיישמת את ' clearTimeout שיטת ()' המעבירה את המזהה של ' setTimeout ()' כדי לעצור את מרווח הזמן שלו.
פלט (לפני עצירת ביצוע)
כעת הפלט מציג רכיב כותרת במרווח זמן מוגדר לפני עצירת מרווח הזמן שנקבע באמצעות ' setTimeout ()' שיטה.
פלט (לאחר עצירת ביצוע)
לחיצת הכפתור הנתונה עוצרת את מרווח הזמן שהוגדר להצגת רכיב הכותרת.
דוגמה 2: החלת הפונקציה 'clearTimeout()' כדי לעצור פונקציה
דוגמה זו משתמשת ב' clearTimeout ()' פונקציה כדי לעצור את הביצוע של פונקציה:
ראשית, עבור על קוד ה-HTML שסופק:
< מֶרְכָּז >< לַחְצָן בלחיצה = 'הַתחָלָה()' > התחל לספור! < / לַחְצָן >
< קֶלֶט סוּג = 'טֶקסט' תְעוּדַת זֶהוּת = 'שדה' >
< לַחְצָן בלחיצה = 'תפסיק()' > תפסיק לספור! < / לַחְצָן >
< / מֶרְכָּז >
בגוש הקוד שלמעלה:
- ה'< לַחְצָן >' תג מצרף את ' בלחיצה ' אירוע כדי להפעיל את הפונקציה 'start()' כאשר לוחצים עליה.
- ה'< קֶלֶט תג >' מוסיף שדה קלט עם הסוג ' טֶקסט ' ומזהה 'שדה'.
- הבא '< לַחְצָן >' מצרף גם את ' בלחיצה אירוע להתקשר ל- תפסיק ()' כאשר אירוע זה מופעל.
כעת, החל את ' clearTimeout ()' הפונקציה באמצעות שורות קוד אלה:
< תַסרִיט >לתת נגד = 0 ;
תן להגדיר זמן ;
תן טיימר_להפעיל = 0 ;
פוּנקצִיָה לספור ( ) {
מסמך. getElementById ( 'שדה' ) . ערך = דֶלְפֵּק ;
דֶלְפֵּק ++;
זמן מוגדר = setTimeout ( לספור , 1000 ) ;
}
פוּנקצִיָה הַתחָלָה ( ) {
אם ( ! טיימר ב ) {
טיימר ב = 1 ;
לספור ( ) ;
}
}
פוּנקצִיָה תפסיק ( ) {
clearTimeout ( זמן מוגדר ) ;
טיימר ב = 0 ;
}
תַסרִיט >
בשורות הקוד לעיל:
- ראשית, ה' לתת ' מילת מפתח מצהירה על שלושה משתנים ' counter', 'setTime' ו-'timer_on '.
- לאחר מכן, ה' לספור ()' מוגדרת.
- בהגדרות שלה, ' document.getElementById() שיטת ' מופעלת כדי לגשת לשדה הקלט שנוסף באמצעות המזהה שלו ' שדה ' וצרף אותו עם הערך של ' דֶלְפֵּק 'משתנה.
- כעת, הגדל את הערך של ' דֶלְפֵּק 'משתנה.
- לבסוף, החל את ' setTimeout שיטת ()' לביצוע ה-' לספור ()' במרווח זמן נתון.
- לאחר מכן, הגדר פונקציה בשם ' הַתחָלָה ()'.
- בפונקציה זו, ' אם נעשה שימוש במשפט המציין תנאי, כלומר אם ' imer_on ' לא ' עַל 'אז זה שווה ל' 1 ' וה ' לספור ()' נקראת הפונקציה.
- כעת, פונקציה נוספת מוגדרת בשם ' תפסיק ()'.
- בהגדרתו, ה' clearTimeout שיטת ()' מיושמת תוך העברת המזהה של ' setTimeout שיטת ()' כלומר ' זמן מוגדר '.
תְפוּקָה
ניתן להבחין כי ' התחל לספור ' הלחצן מתחיל את הספירה שגדלה לאחר כל שנייה אחת. ספירה זו נעצרת בלחיצה על ' תפסיק לספור! ' כפתור.
זה הכל על טיפול בפונקציה clearTimeout() ב-JavaScript.
סיכום
ה ' clearTimeout הפונקציה ()' מטפלת במרווח הזמן שצוין בעזרת ה-' setTimeout ()' פונקציה. הוא מבצע משימה זו על ידי העברת המזהה של ה 'setTimeout()' לתפקד כפרמטר המהותי שלו. הוא משמש לביטול המשימות שבוצעו במרווח הזמן שצוין שהוגדר באמצעות ' setTimeout ()' פונקציה. פוסט זה הסביר באופן מעשי את ההליך לטיפול בפונקציית ClearTimeout() של JavaScript.