Discussion :

[coincoin22]

Salut !

Voilà mon problème. Je souhaiterai faire un compte à rebours à partir de la date/heure du serveur et une date dans le futur.

J'ai bien essayé un truc mais l'heure du serveur n'est remontée qu'une fois et pas dans la boucle (setTimeout):

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
<span id="timer"></span>
 
<script type="text/JavaScript">
 
 
var timer=document.getElementById("timer");
 
function Rebour() {
var date1 = new Date("<?php echo date('M d H:i:s Y');?>");
var date2 = new Date ("Oct 1 00:00:00 2020");
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)));
timer.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>

Pourquoi il ne me récupère pas la date du serveur à chaque fois ???

Merci d'avance.
Si vous avez une solution.

Coincoin22

[Lorenzo77]

salut,

le plus simple est de passer des millisecondes a Date (U * 1000) !
sinon faut remplir tous les parametres :

Code :

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

new Date(year, month, day, hours, minutes, seconds, milliseconds);

sinon renseigne toi sur ce que dois etre la date sous forme de chaine mais je suis presque sur que tu as fait des erreurs (comme zapper une virgule) !
voir ici : https://developer.mozilla.org/en-US/...cts/Date/Parse

[SylvainPV]

Salut !

Pourquoi il ne me récupère pas la date du serveur à chaque fois ???

Parce que le PHP remplace le code par la valeur de la date une seule fois, au moment de l'envoyer au client. Regarde le code de la page générée (clic droit afficher le code source sur ta page) pour t'en rendre compte.

S'il faut absolument la date du serveur, ça signifie qu'il faut faire des appels asynchrones toutes les secondes (AJAX). C'est plutôt gourmand et pas vraiment nécessaire. Les fonctions de décompte en Javascript sont suffisamment précises pour que tu fasses tourner ton script une heure sans désynchronisation.

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
<span id="timer"></span>
 
<script type="text/JavaScript">
 
var timer=document.getElementById("timer");
var date1 = (new Date("<?php echo date('M d H:i:s Y');?>")).getTime();
var date2 = (new Date ("Oct 1 00:00:00 2020")).getTime();
 
function Rebour() {
 
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)));
timer.innerHTML = "Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ";
window.status = "Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ";
date1 += 1000;
}
var tRebour=setTimeout ("Rebour();", 1000);
}
 
Rebour();
 
</script>