Free World Clock Widget for Websites
Build and embed a live world clock widget on any website in under a minute. Search 1,000+ cities, states, and countries — pick up to 5, copy one iframe tag, done. No scripts, no API key, no signup.
The World Clock Widget by WorldTimePage is the easiest way to add a live, timezone-accurate clock to any website. Search any city, US state, Canadian province, or country from our database of 1,000+ locations. Select up to 5, choose your desired width, and a custom iframe embed code is generated instantly.
The widget runs entirely in the browser — no external scripts, no API keys, and no dependencies on third-party services. It auto-updates every second and automatically adjusts for Daylight Saving Time all year round.
Remote teams embed it in company wikis so every member sees their colleagues' local time. Bloggers and publishers add it to travel and business content. SaaS companies use it on status pages to show global uptime. Educators embed it in online courses.
Want a bigger world time display instead? See the World Time Poster or browse 15 ready-made widget presets.
Selected Locations (1/5)
Search Any Location
Search across 1,000+ cities, states, provinces, and countries worldwide
Widget Width
Live Preview
Updates every secondPreview at 320px · ~162px tall
Your Embed Code
Paste this anywhere in your page's HTML
<iframe src="https://worldtimepage.com/widget/world-clock/?cities=richmond-va" width="320" height="162" frameborder="0" scrolling="no" title="World Clock Widget — WorldTimePage" style="border:none;border-radius:14px;overflow:hidden;" ></iframe>
How to Embed the World Clock Widget
Four simple steps — takes under a minute on any platform
Choose your locations
Search any city, state, or country above. Select up to 5 — results update live as you type.
Pick a width
Choose 280px for narrow sidebars, 320px for standard layouts, or 380px for wide columns.
Copy the code
Click "Copy" next to the embed code. It's one <iframe> tag — no scripts, no API key.
Paste into your site
Paste in WordPress, Squarespace, Wix, Webflow, Ghost, or any plain HTML file.
Who Uses This World Clock Widget
Trusted by remote teams, publishers, educators, and developers worldwide
Remote Teams
Embed in your company wiki, Notion workspace, or Confluence page so every team member instantly sees their colleagues' local time without leaving the page.
Bloggers & Publishers
Add a live world clock to travel content, business news, or tech articles. Readers immediately see what time it is in the cities you're writing about.
SaaS & Tech Companies
Use it on status pages to show global coverage, or on team pages to display where your distributed engineers and support staff are located.
Educators
Embed in your online course, LMS, or classroom website. A live world clock makes time zone lessons concrete and engaging for students at any level.
Platform-Specific Instructions
Tap any platform for step-by-step guidance
Why Use This Free World Clock Widget?
1,000+ locations
Search any city, state, province, or country worldwide — from US state capitals to remote island nations.
Always accurate
Times derived from the browser's system clock, synced to atomic time servers. Accurate to within a second, live.
Dark theme
A sleek dark navy design that looks premium on any site — blogs, portfolios, news sites, or company intranets.
Day/Night indicator
Each location is color-coded: amber for daytime, orange for dawn/dusk, blue for nighttime. Instantly readable.
DST-aware
Automatically accounts for Daylight Saving Time all year round. Every location shows the correct local time.
Zero configuration
One iframe tag. No JavaScript to include, no API key, no account. Paste and done. Works with any CMS.
Ready to Add a World Clock to Your Website?
Use the builder above to select your cities, pick your width, and copy the embed code. Or browse 15 ready-made presets in the Widget Gallery for instant inspiration.