Easter egg3 min lecture
Comment afficher l'heure locale du visiteur dans Webflow ?
Apprenez à afficher l'heure locale du visiteur en temps réel dans Webflow avec JavaScript et l'API Intl.
Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment afficher l'heure locale du visiteur en temps réel dans Webflow.
Exemple
Heure locale du visiteur
Chargement...
| Affichage | Format | ID |
|---|---|---|
| Heure + timezone | 🕐 Il est 14:32:07 chez toi (Europe/Paris) | local-time |
1. Ajoutez l'ID sur votre texte
Sur votre Text Block : custom attribute id = local-time.
2. Ajoutez le script dans Footer code
(function() {
var tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
function tick() {
var time = new Date().toLocaleTimeString('fr-FR', {
timeZone: tz, hour: '2-digit', minute: '2-digit', second: '2-digit'
});
var el = document.getElementById('local-time');
if (el) el.textContent = '🕐 Il est ' + time + ' chez toi (' + tz + ')';
}
tick();
setInterval(tick, 1000);
})();Conclusion
L'heure locale en temps réel crée une connexion directe avec le visiteur. Idéale sur les pages de contact pour contextualiser vos horaires.


