How to Add This to Your Website
1
Choose your timezone from the dropdown — we support all major world timezones.
2
Pick a style light, dark, or minimal to match your website.
3
Choose whether to show the date below the time.
4
Click Generate to see the live preview update.
5
Copy the embed code and paste it into your website HTML — in a header, footer, sidebar or contact page.
Frequently Asked Questions
What size is the widget?
The widget is 300px wide by default. You can adjust the width attribute in the embed code to suit your layout.
Does it update in real time?
Yes, it updates every second using JavaScript.
Can I show multiple clocks?
Yes — embed the widget multiple times with different timezone settings to show world clocks side by side.
Is it accurate?
It uses the visitor's browser clock which is synced to their device time. It then converts to the selected timezone, so it's as accurate as their device.