Free Embeddable Text Clock Widget
This widget shows the current time written out on a single line, like "The time in London is currently 3:42 PM". Pick a time zone, set your own lead-in text, choose the font, size and colors, then copy one line of code onto your site. It updates live in every visitor's browser, it's free, and there's no account to create.
Live Preview
Customize Your Text Clock
Embed Your Text Clock
Why use a text clock widget
A text clock reads like a sentence instead of a clock face, so it sits naturally inside body copy, a header line or a sidebar. It's a good fit when you want the time to feel like part of the writing rather than a separate gadget. Build your text clock above.
Set the wording and the look
You control the lead-in text, the font, size and colors, and whether the clock shows seconds, the date, the day of the week, or 12- or 24-hour time. Turn off the parts you don't need so the line stays short. Want a clock face or word version instead? Compare the analog clock widget and the word clock widget.
Any time zone, live in the browser
Search for any city or time zone and the clock shows that local time, ticking live for each visitor. Handy if your readers and your office are in different places. To plan a call across regions first, the time zone converter lines two zones up side by side.
One line of code to add it
Customize the clock, copy the snippet, and paste it into your HTML. It's one small script tag plus an anchor, so it won't slow your page down or need a plugin.
Where it helps
A text clock works well in a blog post or article that mentions "the current time in" a city, in a site header that shows your business hours zone, on a support page so visitors see your team's local time before they message, or in a footer next to your contact details. Running an international site? The digital clock widget shows the same time in a compact LED style if you'd rather have digits than a sentence.
How to add it to your site
Scroll up to the generator, pick your time zone and wording, then copy the snippet and paste it where you want the clock to appear.
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.