जावास्क्रिप्ट में setInterval फ़ंक्शन के साथ काम करने की मूल बातें
इस पाठ में हम जावास्क्रिप्ट में टाइमर के साथ काम करना सीखेंगे। टाइमर को समझने के बाद, आप पृष्ठ पर किसी निश्चित समय अंतराल के बाद स्वचालित रूप से किसी भी ऑपरेशन को निष्पादित कर सकेंगे। उदाहरण के लिए, आप एक छवि स्लाइडर बना सकते हैं, जिसमें छवियाँ हर सेकंड बदलती रहेंगी।
जावास्क्रिप्ट में टाइमर के साथ काम करने के लिए setInterval फ़ंक्शन
का उपयोग किया जाता है, जो निश्चित समय अंतराल के बाद दिए गए कोड को चलाता है।
यह फ़ंक्शन निम्नलिखित तरीके से काम करता है: यह पहले पैरामीटर के रूप में फ़ंक्शन का स्रोत कोड लेता है, और दूसरे पैरामीटर के रूप में वह अंतराल लेता है, जिसके बाद यह फ़ंक्शन स्वचालित रूप से कॉल होगा। दूसरा पैरामीटर मिलीसेकंड में निर्दिष्ट किया जाता है (1000 मिलीसेकंड = 1 सेकंड)।
आइए किसी उदाहरण पर इस फ़ंक्शन के काम को समझते हैं। उदाहरण के लिए, एक ऐसा कोड लिखते हैं जो हर सेकंड कंसोल में कुछ न कुछ आउटपुट करेगा।
सबसे पहले एक फ़ंक्शन बनाते हैं, जो कंसोल में कुछ आउटपुट करे:
function timer() {
console.log('!');
}
और अब setInterval की मदद से हमारे द्वारा बनाए गए फ़ंक्शन को हर सेकंड निष्पादित करवाते हैं:
setInterval(timer, 1000);
function timer() {
console.log('!');
}
अलग से फ़ंक्शन बनाना ज़रूरी नहीं है
- आप पहले पैरामीटर setInterval
में सीधे एक अनाम फ़ंक्शन पास कर सकते हैं, इस तरह:
setInterval(function() {
console.log('!');
}, 1000);
एक टाइमर लॉन्च करें, जो हर 3
सेकंड में कंसोल में कुछ न कुछ आउटपुट करे।