Author Topic: Countdown timer on AbanteCart v1.3.4  (Read 815 times)

Offline HADY

  • Sr. Member
  • ****
  • Posts: 328
  • Karma: +27/-5
    • View Profile
Countdown timer on AbanteCart v1.3.4
« on: January 10, 2024, 08:33:56 AM »
Hello,
HAPPY NEW YEAR

I'm trying to test countdown timer code as follow on last version of AbanteCart v1.3.4 and php 8.1 but it doesn't worked.
The test loaded on my next website: wwwdotglobaloverlinedotcom
 
What is missing please?



<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
  text-align: center;
  font-size: 60px;
  margin-top: 0px;
}
</style>
</head>
<body>

<p id="demo"></p>

<script>
// Set the date we're counting down to
var countDownDate = new Date("Jan 5, 2025 15:37:25").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("demo").innerHTML = days + "d " + hours + "h "
  + minutes + "m " + seconds + "s ";
   
  // If the count down is over, write some text
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "EXPIRED";
  }
}, 1000);
</script>

</body>
</html>



Thank you all
Thank you In Advanced
Regards
HADY

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 5798
  • Karma: +274/-2
    • View Profile
Re: Countdown timer on AbanteCart v1.3.4
« Reply #1 on: January 11, 2024, 05:55:36 AM »
Hello.
Replace
Code: [Select]
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
  + minutes + "m " + seconds + "s ";
with
Code: [Select]
document.getElementById("demo").innerHTML = `${days}d ${hours}h ${minutes}m ${seconds}s `;

Offline HADY

  • Sr. Member
  • ****
  • Posts: 328
  • Karma: +27/-5
    • View Profile
Re: Countdown timer on AbanteCart v1.3.4
« Reply #2 on: January 11, 2024, 08:06:17 AM »
Hello.
Replace
Code: [Select]
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
  + minutes + "m " + seconds + "s ";
with
Code: [Select]
document.getElementById("demo").innerHTML = `${days}d ${hours}h ${minutes}m ${seconds}s `;

Solved


Thank you so much
Thank you In Advanced
Regards
HADY

 

Powered by SMFPacks Social Login Mod