Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript से काउंटडाउन टाइमर कैसे बनाएं?


JavaScript से काउंटडाउन टाइमर बनाने के लिए कोड निम्न है -

उदाहरण

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .timer {       text-align: center;       font-size: 60px;       margin-top: 0px;       color: white;       background-color: rgb(100, 38, 214);    } </style> </head> <body> <h1 style="text-align: center;">Countdown Timer Example</h1> <h2 class="timer"></h2> <script>    var countDownDate = new Date("June 5, 2022 11:27:15").getTime();    var timeClear = setInterval(function() {       var now = new Date().getTime();       var timeLeft = countDownDate - now;       var days = Math.floor(timeLeft / (1000 * 60 * 60 * 24));       var hours = Math.floor(          (timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)       );       var minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60));       var seconds = Math.floor((timeLeft % (1000 * 60)) / 1000);       document.querySelector(".timer").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s ";       if (timeLeft < 0) {          clearInterval(timeClear);          document.querySelector(".timer").innerHTML = "Timer Finished";       }    }, 1000); </script> </body> </html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट देगा -

JavaScript से काउंटडाउन टाइमर कैसे बनाएं?


  1. JavaScript से सिंटैक्स हाइलाइटर कैसे बनाएं और उपयोग करें? JavaScript से सिंटैक्स हाइलाइटर कैसे बनाएं और उपयोग करें?

    सिंटैक्स हाइलाइटर बनाने और उपयोग करने के लिए कोड निम्न है -उदाहरण<!DOCTYPE html> <html> <head> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .colorLinks {     &nbs

  1. JavaScript से टाइपिंग इफेक्ट कैसे बनाएं? JavaScript से टाइपिंग इफेक्ट कैसे बनाएं?

    JavaScript से टाइपिंग इफेक्ट बनाने के लिए कोड निम्न है -उदाहरण<!DOCTYPE html> <html> <head> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    }    button{       padding:1

  1. जावास्क्रिप्ट में कॉन्स्टेंट्स कैसे बनाएं? उदाहरण सहित समझाएं। जावास्क्रिप्ट में कॉन्स्टेंट्स कैसे बनाएं? उदाहरण सहित समझाएं।

    परिचय जावास्क्रिप्ट में const कीवर्ड (ES2015) का उपयोग उन वेरिएबल्स को घोषित करने के लिए किया जाता है जिन्हें पुनः असाइन नहीं किया जा सकता। हालांकि, यदि मान एक ऑब्जेक्ट या ऐरे है, तो इसकी प्रॉपर्टीज/एलिमेंट्स अभी भी मॉडिफाई की जा सकती हैं। उदाहरण निम्न कोड जावास्क्रिप्ट में कॉन्स्टेंट्स बनाने के ल