Discussion :

[Dec24300]

Bonjour � tous,

J'essai actuellement de faire un compte � rebours en Javascript dans une boucle PHP tout en prenant des infos depuis ma base de donn�es.

En parcourant les script et tutoriel sur le web je me suis donc inspir� de ce script pour commencer � le batir:
https://www.aidoweb.com/tutoriaux/co...javascript-302

Deux soucis me perturbe:

1 - Dans la partie

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

'.$row['id'].'

L'Id me donne 51 depuis ma base de donn�es (51 est la bonne valeur donc ok). Mais dans le code JavaScript

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var id_game = "<?php echo $row['id'];?>";

id_game me donne comme valeur 47 et la je ne comprend pas pourquoi... bien sur su je remplace la valeur 47 par 51 manuellement le compteur fonctionne sur le premier jeux de la liste.

2 - Pour la boucle des comptes � rebours, je ne vois comment faire pour la cr�er en JavaScript, comme vous pouvez voir dans le code je commence par ajouter l'id du jeux � l'id de la Div mais ensuite? Tout ce que j'ai essay� ne fonctionne pas, enfin d�j� il faudrait que j'arrive a pouvoir r�cup�r� le bonne id_game dans le javascript.

- La partie pour r�cup�rer la date de fin du compte � rebours fonctionne

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var date_cpt = "<?php echo $row['date_cpt'];?>";

Merci � ceux ou celles qui pourront m'aider, je sais que le sujet � d�j� �t� trait�, j'ai fait pas mal de recherches mais je ne trouve pas de r�ponses � mes questions.

Voici le code avec mes modifications:

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
<script type="text/JavaScript">
 
var date_cpt = "<?php echo $row['date_cpt'];?>";
var id_game = "<?php echo $row['id'];?>";
var multirebour =  "homepage_gift_rebour_" + id_game ;
var Affiche=document.getElementById(multirebour);
 
function Rebour() {
var date1 = new Date();
var date2 = new Date (date_cpt);
var sec = (date2 - date1) / 1000;
var n = 24 * 3600;
if (sec > 0) {
j = Math.floor (sec / n);
h = Math.floor ((sec - (j * n)) / 3600);
mn = Math.floor ((sec - ((j * n + h * 3600))) / 60);
sec = Math.floor (sec - ((j * n + h * 3600 + mn * 60)));
Affiche.innerHTML = " " + id_game +" Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ";
window.status = " " + id_game +" Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ";
}
tRebour=setTimeout ("Rebour();", 1000);
}
Rebour();
 
</script>

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<label id="homepage_gift_rebour_'.$row['id'].'"></label>

[mathieu]

essayez le code qui est dans le 1er message de la discussion suivante, cela pourra peut-�tre vous aider :
https://www.developpez.net/forums/d1...ur-incremente/

[Dec24300]

Merci Mathieu pour votre lien, j'ai test� le code dans une page html, je constate que le temps de calcul du compteur en lui m�me met un peu de temps � charger.

Je vais essay� de l'int�grer et l'adapter avec mes donn�es pour voir ce que cela donne.

[Dec24300]

Merci encore Mathieu mais j'ai abandonn� le code qu'il y a sur le lien que tu m'a donn�, ma page met trop de temps � charger.

Je suis donc revenu sur mon point de d�part, j'arrive maintenant � afficher mes compte � rebours dans la boucle php, � deux soucis pr�s:
- Les compteurs s'affichent mais il n'y en a qu'un seul qui d�compte dynamiquement, les autres restent statiques.
- Sur ma boucle qui pr�sente une liste de 6 jeux, le compteur sur le sixi�me en fin de liste ne s'affiche pas.

Pour le premier point, j'ai cru comprendre qu'il faudrait rajouter un " new Array() " mais je ne sais pas ou, j'ai voulu le placer apr�s " Affiche.innerHTML " mais �a ne fonctionne pas.

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
<script type="text/JavaScript">
var date_cpt = "<?php echo $row['date_cpt'];?>";
var id_games2 = parseInt("<?php echo $idgame;?>");
var id_games = parseInt(id_games2);
var test =  "homepage_gift_rebour_" + id_games ;
 
var Affiche= document.getElementById(test);
function Rebour() {
var date1 = new Date();
var date2 = new Date (date_cpt);
var sec = (date2 - date1) / 1000;
var n = 24 * 3600;
if (sec > 0) {
j = Math.floor (sec / n);
h = Math.floor ((sec - (j * n)) / 3600);
mn = Math.floor ((sec - ((j * n + h * 3600))) / 60);
sec = Math.floor (sec - ((j * n + h * 3600 + mn * 60)));
 
Affiche.innerHTML = "Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ";
window.status = "Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ";
}
tRebour=setTimeout ("Rebour();", 1000);
}
Rebour();
</script>

[mathieu]

votre exemple avec un compteur fonctionne.
montrez nous le code que vous avez essay� avec 2 compteurs.

[Dec24300]

Merci pour votre r�ponse. Et bien en fait c'est celui que j'ai post� au dessus.

Le JavaScript:

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
<script type="text/JavaScript">
var date_cpt = "<?php echo $row['date_cpt'];?>";
var id_games2 = parseInt("<?php echo $idgame;?>");
var id_games = parseInt(id_games2);
var test =  "homepage_gift_rebour_" + id_games ;
 
var Affiche= document.getElementById(test);
function Rebour() {
var date1 = new Date();
var date2 = new Date (date_cpt);
var sec = (date2 - date1) / 1000;
var n = 24 * 3600;
if (sec > 0) {
j = Math.floor (sec / n);
h = Math.floor ((sec - (j * n)) / 3600);
mn = Math.floor ((sec - ((j * n + h * 3600))) / 60);
sec = Math.floor (sec - ((j * n + h * 3600 + mn * 60)));
 
    if(sec < 10) {
        sec = '0' + sec;
    }
 
Affiche.innerHTML = "Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ";
window.status = "Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ";
}
tRebour=setTimeout ("Rebour();", 1000);
}
Rebour();
</script>

Dans mon php:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<label id="homepage_gift_rebour_'.$idgame.'" class="homepage_gift_rebour"></label>

Avec ceci, j'ai mes compte � rebours qui s'affiche, mais seulement 1 seul d�compte de mani�re dynamique pour les autres il faut r�actualiser la page pour voir la diff�rence des d�comptes.