Untitled

<div style="text-align:center;">
  <div style="border: 2px dashed #000; padding: 10px;">
    <h2>--EARLY HALLOWEEN SALE--</h2>
    <p>The Countdown To <span style="color:red;">Halloween</span> Has Begun</p>
    <p>Get <span style="color:red;">10%</span> Off Use This Coupon Code: <span style="color:red;">HS10</span></p>
  </div>
  <div style="font-size: 48px; margin-top: 20px;">
    <span id="days">01</span> : <span id="hours">22</span> : <span id="minutes">58</span> : <span id="seconds">11</span>
  </div>
  <div style="margin-top: 10px;">
    <span>DAYS</span>
    <span>HRS</span>
    <span>MINS</span>
    <span>SECS</span>
  </div>
</div>

<script>
  // Set the date we're counting down to
  var countDownDate = new Date("Oct 31, 2024 00:00:00").getTime();

  // Update the count down every 1 second
  var x = setInterval(function() {

    // Get today's date and time
    var now = new Date().getTime();

    // Find the distance between now and the count down date
    var distance = countDownDate - now;

    // Time calculations for days, hours, minutes and seconds
    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);

    // Output the result in an element with id="demo"
    document.getElementById("days").innerHTML = days;
    document.getElementById("hours").innerHTML = hours;
    document.getElementById("minutes").innerHTML = minutes;
    document.getElementById("seconds").innerHTML = seconds;

    // If the count down is over, write some text
    if (distance < 0) {
      clearInterval(x);
      document.getElementById("demo").innerHTML = "EXPIRED";
    }
  }, 1000);
</script>