Salve a tutti


avrei bisogno di mettere un conto alla rovescia in una pagina dove ho varie offerte.


Il timer dovrebbe essere sempre lo stesso per tutte.
Al momento stavo valutando questa soluzione, ma funziona solo sulla prima offerta, forse perche' è collegata all' id=demo.


Non volendo usare id demo ma qualcosa da poter utilizzare in tutte le offerte, cosa dovrei modificare?
Questo è il codice
codice:
<p id="demo"></p>


<script>
// Set the date we're counting down to
var countDownDate = new Date("Jan 5, 2021 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);


  // Display the result in the element with id="demo"
  document.getElementById("demo").innerHTML = days + "d " + hours + "h "
  + minutes + "m " + seconds + "s ";


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