Countdown timer on AbanteCart v1.3.4

HADY · 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

Basara · 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 `;

HADY · January 11, 2024, 08:06:17 AM

Quote from: Basara on January 11, 2024, 05:55:36 AM
Hello.
Replace
Code Select Expand
document.getElementById("demo").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
with
Code Select Expand
document.getElementById("demo").innerHTML = `${days}d ${hours}h ${minutes}m ${seconds}s `;

Solved

Thank you so much

G. O. · August 23, 2024, 07:40:41 AM

What about using this code on last version of 1.4.0 ??

i tried this code with recommendation of Mr. BASARA but it doesn't worked. what is the correct code please?

News:

Countdown timer on AbanteCart v1.3.4

HADY

Basara

HADY

G. O.