Bonjour à toutes et à tous,

J'ai un site html/css avec un peu de javascript (c'est un thème adapté à ma sauce donc autant dire de suite que je suis pas un champion )

J'ai besoin de mettre un compte à rebours.  Bon jusque là tout va bien, j'ai trouvé pas mal de codes différents sur le web.

Le souci est que ce site aura vocation internationale donc les utilisateurs auront divers fuseaux horaires.

Avec les codes que j'ai trouvé, il faut indiquer date et heure, mais cela ne correspondra pas nécessairement au temps restant par rapport à certains fuseaux horaires.

Donc je me suis dis, il est possible d'afficher la date et heure de l'utilisateur.  Ok ça j'ai trouvé comment faire.

Donc je me suis redis :), j'indique dans mon premier code du compte à rebours une date / heure et "je soustraits" date / heure de l'utilisateur.

Dans mes rêves, j'y arrive pas.

Auriez-vous quelques idées, pistes pour ce projet ?

Je vous remercie d'avance pour vos réponses et votre aide.

Bonne journée.

Je pense qu'il suffit de séparer les informations.

D'un côté tu calcules la durée du compte à rebours. Donc autant prendre l'heure du serveur. Tu compare la date de fin du compte à rebours avec la date actuelle, ou plutôt, tu compare les timestamps ( nombre de millisecondes écoulées depuis le 1er janvier 701, si ma mémoire est bonne ).

Ensuite, tu transmet ce timestamp au client, et là javascript se charge d'afficher les heures au format du client. Si tu veux que le client affiche sa date actuelle, rien de plus simple ( new Date() ), et si tu veux afficher l'heure de fin, tu prend le timestamp de la date actuelle du client, auquel tu ajoute la durée du décompte envoyée par le serveur, et tu convertis ce timestamp de fin en heure de fin au format local du client.

Remarque, tu peux tout aussi bien transmettre ton timestamp de fin de chrono, et faire tous les calculs / affichages en javascript, tu éviteras ainsi un "décalage" lié au temps de transfert sur le réseau, ce qui fausserait ton chrono ( bon, ce sera surtout gênant dans les deux trois dernières secondes de ton décompte ).

Mais bon, mon idée de départ c'était surtout d'utiliser le timestamp comme "temps de référence". Ensuite, quand javascript gère l'affichage des données ( date de fin de chrono, date d'aujourd'hui, décompte, ... ) il y a des fonctions très utiles dans l'objet Date :

Date - JavaScript | MDN