Discussion :

[Brunov99]

Bonjour,

je dois afficher sur le site d'une radio locale l'info suivante avec l'heure en temps réel (dynamique) dans le fuseau horaire du serveur :

"Nous sommes le Jour Mois Année, chez nous il est hh:mm:ss et vous écoutez maintenant :"

Comme la radio est accessible online, l'idée est que l'es auditeurs(quelles que soient leur lieu de résidence dans le monde) sachent en permanence quelle est heure courante de la station de radio pour qu'ils puissent se repérer sur à la grille des émissions.

Merci de vos contributions
bV

Le script que j'utilise pour afficher l'heure en temps réel local est le suivant :

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
<SCRIPT>
function date_heure(id)
{
date = new Date;
annee = date.getFullYear();
moi = date.getMonth();
mois = new Array('Janvier', 'F&eacute;vrier', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Ao&ucirc;t', 'Septembre', 'Octobre', 'Novembre', 'D&eacute;cembre');
j = date.getDate();
jour = date.getDay();
jours = new Array('Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi');
h = date.getHours();
if(h<10)
{
h = "0"+h;
}
m = date.getMinutes();
if(m<10)
{
m = "0"+m;
}
s = date.getSeconds();
if(s<10)
{
s = "0"+s;
}
resultat = 'Nous sommes le '+jours[jour]+' '+j+' '+mois[moi]+' '+annee+' il est '+h+':'+m+':'+s+ ' et vous écoutez ' ;
document.getElementById(id).innerHTML = resultat;
setTimeout('date_heure("'+id+'");','1000');
return true;
}
window.onload=date_heure("date_heure");
</SCRIPT>

(récupéré ici : http://www.supportduweb.com/scripts_...emps-reel.html)

Mon idée de base était de récupérer l'heure du client et de faire une opération pour la transformer en heure du serveur qui s'affiche à l'aide de la fonction .getTimezoneOffset().

Mais voilà je n'y arrive pas
J'suis plus graphiste que développeur
Merci à vous

[mathieu]

pour définir le fuseau horaire d'une date, vous pouvez utiliser la bibliothèque "moment.js"
https://momentjs.com/timezone/docs/#/using-timezones/

[psychadelic]

Mon idée de base était de récupérer l'heure du client et de faire une opération pour la transformer en heure du serveur qui s'affiche à l'aide de la fonction .getTimezoneOffset().

le timeZone c'est pas idiot, mais il m'est arrivé de travailler sur des machines qui n'étaient pas sur l'heure locale...

sinon l'idée n'est pas mal, parce que demander à un serveur de renvoyer son heure toutes les secondes serait délirant.

Non, à la limite utiliser un script Ajax pour demander au serveur son heure, puis s'en servir de delta référence pour afficher une horloge en setInterval, ça peut tenir la route.

[SpaceFrog]

Un tour dans la F.A.Q. https://www.developpez.net/forums/d1...re-temps-reel/

[Tony310]

Mon idée de base était de récupérer l'heure du client et de faire une opération pour la transformer en heure du serveur qui s'affiche à l'aide de la fonction .getTimezoneOffset().

Cela ne va pas t'apporter grand chose, tu obtiendras juste le delta en minutes entre l'UTC et l'heure locale du client. Alors que toi tu veux afficher l'heure courante dans la timezone du serveur...

A mon avis, ton serveur doit juste envoyer une fois sa timezone, puis tu utilises une libraire type moment pour récupérer la date du client que tu affiches dans la timezone du serveur.

Le serveur peut aussi envoyer une fois le delta entre son heure locale et l'UTC, pour que ton code client puisse corriger la date à afficher (la timezone du client n'a aucune importance, car de toute façon la représentation interne de l'objet Date c'est l'UTC), c'est plus lourd et puis tu devras gérer les cas de changement d'heure été/hiver qui peuvent survenir pendant la navigation.

[Brunov99]

Bon,
Merci pour vos messages et vos conseils.
Je vais lire le tuto de SpaceFrog et jeter un oeil (voire les 2 sur moment.js)

Encore merci