Horloge

**olly** · 30/11/2005, 14h38

Bonjour
Voila j'ai un petit soucis

Je souhaite faire une horloge dynamique mais qui ne se synchronise pas sur la machine locale.
Pour se faire je récupère l'heure serveur grace au php puis je réinjecte mes données dans le javascript!!
le soucis est que lorsque le javascript faire tourner l'heure il récupère a chaque fois mes données injectées au départ.
Est il possible de réécrire mes données dans le javascript a chaque réactualisation de mon horloge (donc toute les secondes)

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
function HeureCheck()
{
	date = new Date;
	heure =###HEURE### ; //recup php
	min = ###MIN###; // recup php
	sec = ###SEC###;// recup php
 
 
//test permettant d'avoir 2 chiffre  exemple 01 à la place de 1 
	if (sec < 10)
		sec0 = "0";
	else
		sec0 = "";
 
	if (min < 10)
		min0 = "0";
	else
		min0 = "";
 
	if (heure < 10)
		heure0 = "0";
	else
		heure0 = "";
	// concaténation pour avoir le format hh:mm:ss
	DinaHeure = heure0 + heure + ":" + min0 + min + ":" + sec0 + sec;
	total = DinaHeure
        // écriture dans le html (j'ai un form qui ressemble a ca <form name="time"><input type="text" name="timebox" size=8></form> )
	document.time.timebox.value = total;
	//pour faire défiler
	tempo = setTimeout("HeureCheck()", 1000)
}
// pour lancer mon script
window.onload = HeureCheck;

merci !!

**SpaceFrog** · 30/11/2005, 14h39

j'ai donné la solution il y a deux jours ...

**olly** · 30/11/2005, 14h48

Merci bien !!

c'est pas exactement la solution qu'il me faut car faire tourner l'heure locale ca fonctionne niquel !!! Moi je cherche a synchroniser avec l'heure du serveur qui se synchronise a un serveur NTP !!!

Mais je vais me débrouiller !!!
RE merci !!!

**SpaceFrog** · 30/11/2005, 14h49

la solution est dans le post !

**olly** · 30/11/2005, 16h03

pas vraiment

ta solution ca permet de synchroniser en local !!!

en plus je ne peux pas mettre de propriété dans le body ^^

enfin ca change pas grand chose dans ton exemple tu aurais pu mettre

Code :

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

window.onload=lauch

bref tu dois le savoir ca deja !!

le soucis dans mon script c'est que mes variable sont écrites en dure par le php dans mon javascript !!
par exemple :
en php je récupere l'heure 14:10:30
donc dans mon JS je me retrouve avec ceci

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
function HeureCheck()
{
   date = new Date;
   heure =###HEURE### ; // soit heure=14
   min = ###MIN###; // min=10
   sec = ###SEC###;//  sec=30
 
//test permettant d'avoir 2 chiffre  exemple 01 à la place de 1
   if (sec < 10)
      sec0 = "0";
   else
      sec0 = "";
 
   if (min < 10)
      min0 = "0";
   else
      min0 = "";
 
   if (heure < 10)
      heure0 = "0";
   else
      heure0 = "";
 
   DinaHeure = heure0 + heure + ":" + min0 + min + ":" + sec0 + sec;
   total = DinaHeure
   document.time.timebox.value = total;
   //pour faire défiler
   tempo = setTimeout("HeureCheck()", 1000)
}
window.onload = HeureCheck;

meme avec ta solution mon horloge ne changera pas !!

**javatwister** · 30/11/2005, 16h16

je ne comprends pas bien ton script (malgré les commentaires);

**olly** · 30/11/2005, 16h32

bien il est pas super compliqué !!
tout ce qu'il fait c'est d'afficher l'heure et la faire tourner !!!

**javatwister** · 30/11/2005, 16h45

et elle tourne vraiment, là?

**olly** · 30/11/2005, 16h53

si tu veux la faire tourner pour le moment faut remplacer

Code :

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

1
2
3
 heure =###HEURE### ; 
   min = ###MIN###; 
   sec = ###SEC###;

par

Code :

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

1
2
3
 heure = date.getHours();
	min = date.getMinutes();
	sec = date.getSeconds();

mais ca affiche leur locale donc récupéré de la machine

**SpaceFrog** · 30/11/2005, 16h58

j'avais cru avoir parlé de setDate ...

**olly** · 30/11/2005, 17h11

setDate ...??

pas dans le topic que tu m'as indiqué

lol

**javatwister** · 30/11/2005, 17h12

et UTC ne te tente vraiment pas?

**SpaceFrog** · 30/11/2005, 17h19

oui JT UTC

heu setFullyear ... le principe est le même ...

**olly** · 30/11/2005, 18h10

bon le setDate c'est pas mal !!!

ca m'avance un peu

le soucis c'est que ca tourne toujours pas !!!

bref je verrais ca demain

**Cracking_Cow** · 30/11/2005, 21h43

Logique que "ça tourne pas", puisque tes valeurs (heures, minutes, secondes) sont constantes...

Tu pourrais, par exemple, trouver la différence entre le timestamp local et le timestamp du serveur (php).

-> N'oublie pas que ton code PHP est exécuté une seule fois, AVANT le chargement de la page. Donc, si tu voulais que ton code actuel marche, il te faudrait actualiser la page chaque seconde...

**SpaceFrog** · 01/12/2005, 08h51

et de toute façon la synchro ne sera pas parfaite tu auras toujours le decalage entre le moment ou la date est prise sur le serveur et celui ou elle est set sur le client ...