Bonjour !

Je souhaite afficher plusieurs comptes à rebours sur une même page.

J'ai récupéré le bout de code suivant sur un site et je l'ai un peu adapté à mes besoins.
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
 
 
<span id="rebours"></span>
<script type="text/javascript">
<?  
$now = time();
$time_left = $date_fin - $now;
$heure_left = date("G", $time_left );
$minutes_left = date("i", $time_left );
$seconds_left = date("s", $time_left );
?>
 
var secon=<? echo "$seconds_left"; ?> ;//initialise les secondes
var minu=<? echo "$minutes_left"; ?>; //initialise les minutes
var heur=<? echo "$heure_left"; ?>; //initialise les heures
 
function chrono(){
if (secon != 0 || minu != 0 || heur != 0){// si on n'atteind pas 00:00:00
secon--;
if (secon<0){secon=59;
if (minu >0){ minu--}else{minu=59; heur--;}
}
if (secon < 10 ){ secondes = '0'+secon;}else {secondes = secon;}
if (minu < 10 ) {minutes = '0'+minu;}else {minutes = minu;}
if (heur < 10 ) {heures = '0'+heur;}else {heures = heur;}
document.getElementById('rebours').innerHTML = heures+' heures '+minutes+' minutes '+secondes+' secondes ' ;
compte=setTimeout('chrono()',1000) //la fonction est relancée tous les secondes
}
}
chrono();
</script>
Le premier compte à rebours s'affiche bien !

Mais les suivants ne s'affichent pas. J'ai sûrement un souci au niveau de l'id. En effet, tous mes <span> contenant le compte à rebours ont le même id.

Comment faire pour :
- donner un id différent à chacun de mes spans
- appeler la fonction qu'une seule fois chrono
- mettre le tout dans une boucle php (en effet, la date de fin de mon compte à rebours provient d'une requête MySQL)

J'espère que mon problème est clair. Par avance, merci de votre aide et bon WE