טיימרים הם היבט חשוב בכל שפת תכנות. כידוע זמן הוא כסף. אז במאמר זה נראה כיצד ליישם ולעבוד עם טיימרים ב- JavaScript:
עבודה עם טיימרים ב- JavaScript
טיימר הוא פונקציה המאפשרת לנו לבצע פונקציה בזמן מסוים.באמצעות טיימרים תוכלו לעכב את ביצוע הקוד כך שהוא לא יבוצע ברגע המדויק בו מופעל האירוע או העמוד נטען. לדוגמא, תוכלו להשתמש בטיימרים לשינוי באנרים של הפרסומת באתרכם במרווחי זמן קבועים, או להציג שעון בזמן אמת וכו '.
קיימת פונקציית טיימר ב- JavaScript:setTimeout ()
החלק הבא יראה לך כיצד ליצור טיימרים לעיכוב קודביצוע וכן כיצד לבצע פעולה אחת או יותר פעולות שוב ושוב באמצעות פונקציית זה ב- JavaScript.
חלון setTimeout () שיטה
הגדרה ושימוש:
שיטת setTimeout () קוראת לפונקציה או מעריכה ביטוי לאחר מספר מילישניות שני.
עֵצָה:
- 1000 ms = שנייה אחת.
- הפונקציה מבוצעת רק פעם אחת. אם אתה צריך לחזור על הביצוע, השתמש ב
setInterval ()
שיטה. - להשתמש ב
clearTimeout ()
שיטה למניעת הפעלת הפונקציה.
פונקציה זו מקבלת שני פרמטרים: א פוּנקצִיָה , שהיא הפונקציה לביצוע, ואופציונלית לְעַכֵּב פרמטר, שהוא מספר אלפיות השנייה המייצג את משך הזמן להמתין לפני ביצוע הפונקציה (שנייה אחת = 1000 אלפיות השנייה).
ערך החזרה: הוא מחזיר מספר המייצג את ערך המזהה של הטיימר שהוגדר.
קוד: טיימרים ב- JavaScript
הנה הקוד עבור טיימרים ב- JavaScript שקובע את הטיימר לשתי דקות וכאשר ההתראה של עמוד הדף 'מתארכת'. הsetTimeout ()
שיטה קוראת לפונקציה או מעריכה ביטוי לאחר מספר מילישניות שני.
// הגדר דקות
מה עושה מפתח iOS
var min = 2
// לחשב את השניות
var secs = דקות * 60
// פונקציית הספירה לאחור מתעוררת כאשר העמוד נטען
ספירת ספירה לאחור () {
setTimeout ('Decrement ()', 60)
}
// פונקציית ירידה מקטינה את הערך.
פונקציה ירידה () {
אם (document.getElementById) {
דקות = document.getElementById ('דקות')
שניות = document.getElementById ('שניות')
// אם נותרה פחות מדקה
// הצגת ערך שניות בלבד.
אם (שניות<59) {
seconds.value = שניות
קוד לדוגמא של פיתון רגרסיה לוגיסטית
}
// הצג הן דקות והן שניות
// רגילים לקבל getminutes ו- geteconds
// קבל דקות ושניות
אחר {
minutes.value = getminutes ()
seconds.value = getseconds ()
}
// כשנותרה פחות מדקה
// צבע הדקות והשניות
// משתנה לאדום
אם (דקות<1) {
minutes.style.color = 'אדום'
seconds.style.color = 'אדום'
}
// אם שניות הופכות לאפס,
// ואז זמן ההתראה של הדף נגמר
אם (דקות<0) {
התראה ('זמן קצוב')
minutes.value = 0
seconds.value = 0
}
// אם שניות> 0 אז שניות מצטמצמות
אחר {
יָבֵשׁ--
setTimeout ('ירידה ()', 1000)
}
}
}
פונקציה getminutes () {
// דקות הוא שניות חלקי 60, מעוגל למטה
דקות = מתמטיקה רצפה (שניות / 60)
להחזיר דקות
}
פונקציה מקבל שניות () {
// לקחת דקות שנותרו (כשניות) משם
// מסך השניות שנותרו
החזרת שניות - מתמטיקה.סיבוב (דקות * 60)
}
איך להוסיף ב- Java - -
הזמן שנותר ::
:
כשנותרה פחות מדקה, צבע הטיימר משתנה לאדום.
עם זאת, אנו מגיעים לסוף מאמר טיימרים זה ב- JavaScript. ג לעזאזל עם מאת אדוריקה, חברת למידה מקוונת מהימנה עם רשת של יותר מ -250,000 לומדים מרוצים הפרוסים ברחבי העולם.
יש לך שאלה עבורנו? אנא הזכיר זאת בסעיף ההערות של הזרקת תלות זו ב- AngularJs ונחזור אליך.