Widget horloge mondiale gratuit pour votre site

Qu’est-ce qu’un widget horloge mondiale ?

Un widget horloge mondiale est un petit encadré sur votre site qui affiche l’heure actuelle d’une ou de plusieurs villes. Plutôt que de laisser vos visiteurs calculer les décalages horaires de tête, il donne directement la réponse : quelle heure est-il à Londres, à New York ou à Tokyo, et est-on encore aujourd’hui ou déjà demain là-bas.

L’horloge mondiale de WebToolsMe affiche jusqu’à huit villes sous forme de liste numérique ou de cadrans analogiques. Elle se met à jour chaque seconde ou chaque minute, change d’elle-même quand un pays passe à l’heure d’été ou à l’heure d’hiver, et peut ajouter une ligne avec l’heure locale de chaque visiteur pour comparer facilement.

Qui utilise une horloge mondiale sur son site ?

Une horloge mondiale est utile dès que votre site, vos clients ou votre équipe s’étendent sur plusieurs fuseaux horaires. Exemples courants :

• Équipes à distance et agences qui affichent les horaires de chaque bureau pour que les clients sachent quand joindre quelqu’un.
• Sites de voyage, de tourisme et d’hôtellerie qui affichent l’heure de la destination à côté de celle du visiteur.
• Boutiques en ligne et pages d’assistance qui servent une clientèle internationale et veulent clarifier leurs horaires.
• Blogs de finance, de crypto et de trading qui suivent l’ouverture et la clôture des marchés de New York, Londres et Tokyo.
• Formations en ligne, webinaires et directs avec des participants de plusieurs pays.
• Blogs d’expatriés et de familles qui gardent côte à côte l’heure d’ici et celle de là-bas.

Comment ajouter l’horloge mondiale à votre site

Choisissez vos villes et le style ci-dessus, puis cliquez sur Copier le code. Le code tient en une seule balise script ; collez-la à l’endroit où l’horloge doit apparaître et suivez les étapes de votre plateforme :

Fonctionnalités

Fuseaux horaires et heure d’été

La plupart des pays ne se trouvent pas à un écart fixe de l’UTC (temps universel coordonné). Beaucoup avancent leurs horloges au printemps et les reculent à l’automne, et pas aux mêmes dates : l’Union européenne change le dernier dimanche de mars et d’octobre, les États-Unis le deuxième dimanche de mars et le premier dimanche de novembre. D’autres pays, comme la Turquie (UTC+3 toute l’année depuis 2016), le Japon, la Chine ou l’Inde, n’appliquent pas d’heure d’été.

C’est pourquoi le widget n’enregistre jamais un écart fixe du type « +3 heures ». Chaque ville est stockée avec le nom officiel de son fuseau dans la base de données des fuseaux horaires de l’IANA, par exemple Europe/Paris ou America/Montreal. Le navigateur du visiteur utilise cette base pour calculer l’heure locale exacte à chaque instant, y compris autour d’un changement d’heure. Lorsqu’un gouvernement modifie ses règles horaires, les navigateurs reçoivent la mise à jour et le widget affiche la nouvelle heure sans toucher à votre code.

Pour la même raison, le décalage affiché à côté de chaque ville est calculé en direct. Pendant les semaines où l’Europe et l’Amérique du Nord ont changé d’heure à des dates différentes, l’écart entre Paris et New York est de cinq heures au lieu de six, et le widget l’affiche exactement ainsi.

Format 12 h ou 24 h ?

L’horloge de 12 heures avec AM et PM est courante aux États-Unis, au Canada anglophone, en Australie et en Inde, tandis que la France, la Belgique, la Suisse et le Québec utilisent le format 24 h. Choisissez le format que votre public lit le plus naturellement ; si vos visiteurs viennent du monde entier, le format 24 h évite toute confusion entre le matin et le soir.

Les mentions AM et PM, les noms des jours et les dates s’affichent dans la langue du widget que vous choisissez. Afficher les secondes donne vie à l’horloge ; sans secondes, l’horloge numérique ne se met à jour qu’une fois par minute, ce qui est l’option la plus légère.

Afficher l’heure locale du visiteur

Lorsque vous activez l’heure locale du visiteur, la première ligne de l’horloge affiche l’heure de son propre appareil, avec une étiquette dans la langue du widget. Chaque autre ville indique alors son avance ou son retard en heures, et s’il y est hier, aujourd’hui ou demain. Un visiteur à Paris qui regarde une horloge avec Sydney voit immédiatement que Sydney a, par exemple, neuf heures d’avance et se trouve déjà au lendemain.

L’heure locale est fournie par le navigateur du visiteur, qui connaît son propre fuseau horaire. Aucune information sur le visiteur n’est envoyée à WebToolsMe ni conservée.

Rapidité et confidentialité

L’horloge mondiale est un seul petit script. Une fois chargée, elle ne contacte plus aucun serveur : chaque seconde ou chaque minute, elle calcule l’heure dans le navigateur du visiteur. Elle ne dépose aucun cookie et ne collecte aucune donnée.

L’horloge est dessinée dans une boîte Shadow DOM fermée. Les styles de votre thème ne peuvent pas modifier son apparence et ses propres styles ne débordent pas sur votre page : elle s’intègre aussi bien aux thèmes WordPress qu’aux constructeurs de pages ou aux sites codés à la main.

Conseils pour une horloge mondiale utile

• Placez la ville la plus importante en premier ; changez l’ordre avec le bouton ↑ de la liste des villes.
• Trois à cinq villes restent faciles à lire ; n’en mettez davantage que si l’horloge dispose de place, par exemple dans une section pleine largeur.
• Utilisez des noms que vos visiteurs connaissent. Pour des horaires d’ouverture, « New York », « Londres » et « Singapour » sont plus clairs que de petites villes voisines.
• Pour une barre latérale étroite, une largeur de 300 à 360 pixels convient bien. Les cadrans analogiques rendent mieux avec trois ou quatre villes.
• Accordez le thème à votre site : un site sombre se marie mieux avec le thème sombre et une couleur d’accent de votre marque.

Questions fréquentes