ה setInterval() שיטה ב-JavaScript משמשת כדי לחזור על פונקציה שצוינה בכל מרווח זמן נתון. הוא מעריך ביטוי או קורא לפונקציה במרווחי זמן נתון. שיטה זו ממשיכה את קריאת הפונקציה עד לסגירת החלון או ל- clearInterval() שיטה נקראת. שיטה זו מחזירה ערך מספרי או מספר שאינו אפס המזהה את הטיימר שנוצר.
לא כמו ה setTimeout() שיטה, ה setInterval() השיטה מפעילה את הפונקציה מספר פעמים. שיטה זו יכולה להיכתב עם או בלי חַלוֹן קידומת.
התחביר הנפוץ של setInterval() השיטה ניתנת להלן:
תחביר
window.setInterval(function, milliseconds);
ערכי פרמטרים
שיטה זו לוקחת שני ערכי פרמטרים פוּנקצִיָה ו אלפיות השנייה המוגדרים כדלקמן.
פוּנקצִיָה: הפונקציה המכילה את גוש הקוד היא שתתבצע.
אלפיות שניות: פרמטר זה מייצג את משך מרווח הזמן בין כל ביצוע. המרווח הוא באלפיות שניות. הוא מגדיר באיזו תדירות הקוד יבוצע. אם הערך שלו קטן מ-10, נעשה שימוש בערך 10.
איך לעצור את ההוצאה להורג?
אנחנו יכולים להשתמש ב clearInterval() שיטה לעצור את ביצוע הפונקציה שצוינה ב setInterval() שיטה. הערך המוחזר על ידי ה setInterval() השיטה יכולה לשמש כטיעון של clearInterval() שיטה לביטול פסק הזמן.
בואו נבין את השימוש ב setInterval() שיטה באמצעות כמה איורים.
דוגמה1
זוהי דוגמה פשוטה לשימוש ב- setInterval() שיטה. כאן, תיבת דו-שיח התראה מוצגת במרווח של 3 שניות. אנחנו לא משתמשים בשום שיטה כדי לעצור את ביצוע הפונקציה שצוינה ב setInterval() שיטה. אז השיטה ממשיכה בביצוע הפונקציה עד לסגירת החלון.
setInterval() method <h3> This is an example of using the setInterval() method </h3> <p> Here, the background color changes on every 200 milliseconds. </p> Stop var var1 = setInterval(color, 200); function color() { var var2 = document.body; var2.style.backgroundColor = var2.style.backgroundColor == 'lightblue' ? 'lightgreen' : 'lightblue'; } function stop() { clearInterval(var1); }בדוק את זה עכשיו
תְפוּקָה
צבע הרקע יתחיל להשתנות לאחר 200 אלפיות שניות. בלחיצה על המצוין תפסיק לחצן, המעבר בין הצבעים יופסק בצבע הרקע המתאים. הפלט לאחר לחיצה על הכפתור יהיה -