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.Le premier compte à rebours s'affiche bien !
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>
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
Partager