কম্পিউটার

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


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

উদাহরণ

<!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. কিভাবে CSS এবং JavaScript দিয়ে স্ন্যাকবার/টোস্ট তৈরি করবেন?

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

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

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