Affichage d'un compte à rebours à partir d'une date dans la BDD

**mlle.asmae** · 29/01/2016, 04h31

Bonjour,

aprés plusieurs recherche sur internet, je reviens vers vous espérant trouver une réponse

j'ai une table sur une page php, et j'aimerai mettre, sur un chaque td, un compte à rebours à partir d'une date stocké dans la base de donné :la date de création: ($row->created_on)
j'ai adapter un script, mais le problème c'est qu'il ne s'affiche que sur chrome,et non sur firefox, et seulement sur la première ligne de ma table

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<td><html>
<head>
<script language="JavaScript">
// la date à partir de laquelle on compte
var cible = new Date("<?php echo $row->created_on;?>");
 
 
 
// nombre de millisecondes par jour, heure, minute et seconde
var mms_jour = 24 * 60 * 60 * 1000;
var mms_heure = 60 * 60 * 1000;
var mms_minute = 60 * 1000;
var mms_seconde = 1000;
 
function decompte() {
 
// la date courante
var aujourdhui = new Date();
 
// on crée les variables qui accueilleront les différences entre aujourd'hui et la date à atteindre
var change_j = -1;
var change_h = -1;
var change_m = -1;
 
// le total de millisecondes de différences
var diff_mms = aujourdhui.getTime() - cible.getTime() ;
 
// pareil pour les jours
diff_jours = Math.floor(diff_mms / mms_jour);
diff_mms -= diff_jours * mms_jour;
 
// pour les heures
diff_heures = Math.floor(diff_mms / mms_heure);
diff_mms -= diff_heures * mms_heure;
 
// les... minutes, bravo ;-)
diff_minutes = Math.floor(diff_mms / mms_minute);
diff_mms -= diff_minutes * mms_minute;
 
// les secondes, ce qui reste en fait.
var diff_secondes = Math.floor(diff_mms / mms_seconde);
 
 
// on affecte nos résultats aux champs du formulaire
document.getElementById("jours").innerHTML = diff_jours;
document.getElementById("heures").innerHTML  = diff_heures;
document.getElementById("minutes").innerHTML  = diff_minutes;
document.getElementById("secondes").innerHTML = diff_secondes;
 
 
// on relance la fonction pour actualiser à la seconde
setTimeout("decompte()",1000);
}
</script> 
 
</head>
<body  onLoad="decompte()">
<span id="jours">0</span> jours 
<span id="heures">0</span> heures
<span id="minutes">0</span> minutes
<span id="secondes">0</span> secondes
</body>
</html>
				<?php echo $row->created_on;?>
				<?php  echo JHTML::_('date',$row->created_on, $this->params->get('date_format', JText::_('DATE_FORMAT_LC1'))); ?></td>