Free Embeddable Analog Clock Widget
Add a working analog clock to your website or blog with one line of HTML. It's free, no account needed, and the hands keep ticking in real time. Set it to a fixed timezone or let it follow each visitor's local time. Need numbers instead of hands? Try the digital clock widget.
Preview widget
Widget style
Embed analog clock widget on your website
Why use an analog clock widget
An analog clock shows the time with moving hands, so visitors can read it at a glance. It's a good fit when you want a clock that looks like a clock on the wall, not a row of numbers. Use it to show your hours, a time in another city, or just to give a page a live, current feel. Build your clock above.
A few face styles
Pick a clock face from the Choose style menu, from plain and minimal to more traditional. Switch between them in the preview until one fits your page.
You control the look
Set the size, turn the hour numerals on or off, and choose the background and hand colors. The preview updates as you change each setting.
Show any timezone
Pin the clock to one place, like your office or an event city, or let it match each visitor's local time. To check a specific time across zones, use the time zone converter.
Small and quick to load
The widget is a short script and an anchor tag. It runs in the visitor's browser and won't add much to your page weight.
Set up in about a minute
Style the clock above, copy the one line of code, and paste it where you want it. No build step and nothing to configure on your server.
Free, no account
There's no sign-up, no fee, and no hidden cost. Copy the code and use it. Want to compare options? See all the clock widgets.
Where it helps
Businesses with remote customers
Put your support hours or office time on a contact page in your own timezone, so people in other places know when you're open. To track several offices at once, the world clock shows many cities side by side.
Blogs and event pages
Set the clock to your event's timezone on a webinar or launch page, so visitors can see the local time there without doing the math in their head.
Internal dashboards
Drop a clock on a team portal set to a shared timezone, so a distributed team has one agreed reference for "now" when scheduling.
How to add it to your site
- 1. Style it
Set the timezone, size, and colors above. - 2. Copy the code
Grab the HTML snippet from the box. - 3. Paste it in
Drop the code into your page's HTML.
Ready to add your clock?
Scroll up to the generator, set up your clock, and copy the code. Prefer words to hands? Check out the word clock widget.
How to add this clock to your website
- Set it up. Choose the time zone, size, colours and title above so the clock fits your site.
- Preview it. Check the live preview to make sure it looks right.
- Copy the embed code. Click to copy the short snippet we generate for you.
- Paste it in. Drop the code into any web page, blog post or template - No coding needed.
💡 Tip: Pick the time zone your visitors are in. Not sure which to use? Open the time-zone list to find it, or compare the current time in major cities first. Want a different look? Browse all our clock widgets.
Clock widget - Frequently asked questions
Is the clock widget free?
Yes. It's free for personal and commercial websites, with no sign-up and no hidden costs.
Do I need coding skills to add it?
No. You copy a short embed snippet and paste it into your page. If you can add an image, you can add this widget.
Will it show the right time zone and update automatically?
Yes. You choose the time zone when you build it, and the clock keeps ticking live for every visitor.
More free time tools
- Online Alarm Clock Set a free alarm that rings in your browser.
- Online Timer Countdown timer with sound alerts.
- Online Stopwatch Stopwatch with laps and split times.
- Multi-Timer Run several countdown timers at once.
- World Clock & Time Zones Current time around the world.
- Unix Timestamp Converter Live Unix epoch time and converter.