countdown multiplo javascript

  • Creatore Discussione Creatore Discussione lillo21
  • Data di inizio Data di inizio
Stato
Chiusa ad ulteriori risposte.

lillo21

Nuovo Utente
21 Mag 2016
1
0
1
55
Buongiorno, avrei proprio bisogno di un consiglione da uno veramente esperto.
Ho creato un sito che mostra degli annunci, ognuno dei quali ha un proprio countdown che mostra la scadenza dell'offerta.
I div dove viene mostrato il countdown si aggiornano in base all'id annuncio e quindi ogni annuncio ha il suo
Il mio problema è che tutti i countdown fanno riferimento alla scadenza dell'ultimo annuncio e quindi in ogni annuncio viene visualizzata la stessa scadenza non tenendo conto della scadenza impostata dalla variabile php inserita nello script.

Di seguito il codice javascript che si ripete grazie al foreach:

var countDownDate = new Date("<?php echo $scade; ?>").getTime();

var x = setInterval(function() {

var now = new Date().getTime();

var distance = countDownDate - now;
//document.write("var now");
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);

document.getElementById("<?php echo $d ?>").innerHTML = days + " giorni " + hours + " ore "
+ minutes + " min " + seconds + " sec ";

if (distance <= 0) {
clearInterval(x);
document.getElementById("<?php echo $d ?>").innerHTML = " Offerta CONCLUSA";

}
}, 1000);


questo invece ì l'echo che visualizza il risultato:
echo"<p style =\"background:yellow; font-size:13px\"> Alla conclusione dell'asta mancano: &nbsp; <span style='background:white; border:1px solid black; padding: 5px' id='$d'> <br /></span></p>";

La cosa che non riesco proprio a spiegarmi, è che se visualizzo il codice sorgente, è tutto regolare;
var countDownDate = new Date("<?php echo $scade; ?>").getTime(); contiene effettivamente la data di scadenza esatta, però sottraendola all'ora attuale mi mostra nel countdown la scadenza dell'ultimo annuncio inserito.

Se qualcuno riesce a spiegarmi questo mistero gliene sarò per sempre grato.
Buona giornata
 
codice.JPG
 
Stato
Chiusa ad ulteriori risposte.

Discussioni simili