Aller au contenu

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...

AffichageFormatID
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.

(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.

Publié le 19 mai 2026

Sandro DA SILVA

Growth Marketer, expert Webflow et touche à tout. Sandro s'occupe des opérations commerciale, veille au bon déroulement des projets et s’occupe des problématiques liées au marketing (SEO, Tracking, Copywriting, etc)

Vous allez notre collaboration, c’est garanti

Prêt à faire décoller votre activité ?

demander un devis

Let’s f*****G GO !!