Skip to content

Easter egg3 min read

How to Display a Visitor’s Local Time in Webflow

Learn how to display your visitor’s local time in real time in Webflow with JavaScript and the Intl API.

In this tutorial, Sandro, co-founder of Gemeos Webflow agency, shows you how to display the visitor’s local time in real time in Webflow.

Example

Visitor’s local time

Loading...

DisplayFormatID
Time + timezone🕐 It is 14:32:07 where you are (Europe/Paris)local-time

1. Add the ID to your text

On your 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 = '🕐 It is ' + time + ' where you are (' + tz + ')';
  }
  tick();
  setInterval(tick, 1000);
})();

Conclusion

Real-time local time creates a direct connection with the visitor. It’s ideal on contact pages to put your hours into context.

Published on May 19, 2026

Sandro DA SILVA

Growth Marketer, Webflow expert, and jack-of-all-trades. Sandro handles commercial operations, ensures projects run smoothly, and addresses marketing-related issues (SEO, Tracking, Copywriting, etc).

You're going to working with us, guaranteed

Ready to launch your business?

get a quote

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