কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্ট দিয়ে কাউন্টডাউন টাইমার তৈরি


জাভাস্ক্রিপ্ট দিয়ে কাউন্টডাউন টাইমার তৈরি করার কোড নিচে দেওয়া হলো -

উদাহরণ

<!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>

আউটপুট

উপরের কোড নিচের আউটপুট দেবে -

জাভাস্ক্রিপ্ট দিয়ে কাউন্টডাউন টাইমার তৈরি


  1. সিএসএস এবং জাভাস্ক্রিপ্ট দিয়ে স্ন্যাকবার/টোস্ট তৈরি করা

  2. জাভাস্ক্রিপ্ট দিয়ে সিনট্যাক্স হাইলাইটার তৈরি এবং ব্যবহার

  3. জাভাস্ক্রিপ্ট দিয়ে টাইপিং ইফেক্ট তৈরি

  4. জাভাস্ক্রিপ্টে কনস্ট্যান্ট তৈরির পদ্ধতি? উদাহরণসহ ব্যাখ্যা