जावास्क्रिप्ट प्रोग्राम काउंटडाउन टाइमर बनाने के लिए

इस उदाहरण में, आप JavScript प्रोग्राम लिखना सीखेंगे जो एक उलटी गिनती टाइमर बनाएगा।

इस उदाहरण को समझने के लिए, आपको निम्नलिखित जावास्क्रिप्ट प्रोग्रामिंग विषयों का ज्ञान होना चाहिए:

• जावास्क्रिप्ट गणित मंजिल ()
• जावास्क्रिप्ट दिनांक और समय
• जावास्क्रिप्ट सेटइंटरवल ()

उदाहरण: एक उलटी गिनती घड़ी बनाएँ

 // program to create a countdown timer // time to countdown from (in milliseconds) let countDownDate = new Date().getTime() + 24 * 60 * 60 * 1000; // countdown timer let x = setInterval(function() ( // get today's date and time in milliseconds let now = new Date().getTime(); // find the interval between now and the countdown time let timeLeft = countDownDate - now; // time calculations for days, hours, minutes and seconds const days = Math.floor( timeLeft/(1000*60*60*24) ); const hours = Math.floor( (timeLeft/(1000*60*60)) % 24 ); const minutes = Math.floor( (timeLeft/1000/60) % 60 ); const seconds = Math.floor( (timeLeft/1000) % 60 ); // display the result in the element with console.log(days + "d " + hours + "h " + minutes + "m " + seconds + "s "); // clearing countdown when complete if (timeLeft < 0) ( clearInterval(x); console.log('CountDown Finished'); ) ), 2000);

आउटपुट

 0d 23h 59m 57s 0d 23h 59m 55s 0d 23h 59m 53s 0d 23h 59m 51d… 

उपरोक्त कार्यक्रम में, setInterval()टाइमर बनाने के लिए विधि का उपयोग किया जाता है।

setInterval()विधि एक दिए गए अंतराल समय (यहाँ, पर निष्पादित किया जाता है 2000 मिलीसेकंड)।

new Date()वर्तमान दिनांक और समय देता है। उदाहरण के लिए,

 let d1 = new Date(); console.log(time); // Fri Aug 28 2020 09:19:40 GMT+0545 (+0545)

यह getTime()विधि 1 जनवरी, 1970 (EcmaScript युग) की मध्यरात्रि से लेकर निर्धारित तिथि (यहाँ, वर्तमान तिथि) तक मिलीसेकंड की संख्या लौटाती है ।

निम्नलिखित कोड अगले दिन का समय मिलीसेकंड में देता है।

 new Date().getTime() + 24 * 60 * 60 * 1000;

अब, हम निम्नलिखित सूत्र का उपयोग करके बचे हुए समय की गणना कर सकते हैं:

 let timeLeft = countDownDate - now;

दिन की शेष संख्या का उपयोग करके गणना की जाती है:

• सेकंड की संख्या, यानी निर्धारित करने के लिए समय अंतराल को 1000 से विभाजित किया जाता हैtimeLeft / 1000
• शेष दिनों की संख्या निर्धारित करने के लिए समय अंतराल को 60 * 60 * 24 से विभाजित किया जाता है ।
• Math.floor()समारोह एक पूरी संख्या के लिए संख्या दौर किया जाता है।

इसी तरह के तरीकों का उपयोग घंटे, मिनट और सेकंड के लिए किया जाता है।

नोट : आप किसी विशिष्ट तिथि को पारित करके एक कस्टम स्टार्टिंग काउंटडाउन समय का भी उपयोग कर सकते हैं।

उदाहरण के लिए,

 let countDownDate = new Date("Aug 5, 2025 14:22:36").getTime();