Free Clock Widget for Your Website

Choose any time zone in the world and show the current time on your website – digital or analog

Start from an example

Embed code

Works on most sites, including WordPress, Wix and Webflow. The clock adapts to the space it gets.

<a href="https://klockan.info/en" target="_blank" rel="noopener" title="What time is it right now" style="display:inline-block;text-decoration:none;">
  <script src="https://klockan.info/api/functions/clockWidget" data-type="digital" data-timezone="Europe/Moscow" data-city="Saint Petersburg" data-bg="#667eea" data-bg2="#764ba2" data-color="#ffffff" data-accent="#667eea" data-size="medium" data-lang="en"></script>
  <span style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;">What time is it right now</span>
</a>

How it works

1Copy the embed code above
2Paste it into your website where you want the clock to appear
3Important: The link to klockan.info must stay in the code for the widget to work

⚠️ Note: If you remove the link to klockan.info, the widget will stop working. This is a requirement for using our free widget.

Why use the klockan.info clock?

The widget is made for people who want a clock on their site without any fuss. Set it up on this page, copy one line of code and you are done.

Free, no sign-up

No account, no email address and no payment. The code works as soon as you paste it.

Correct all year

Daylight saving time is handled for every time zone, so you never have to touch the code when the clocks change.

Small and fast

The clock is a small script with no ads and no cookies. It will not slow your page down in any noticeable way.

Fits your design

Pick a theme, colors, font, corners and size. With a transparent background the clock blends into almost any page.

More than the time

Show the weather, week number, Swedish name day or sunrise and sunset right below the clock.

Twelve languages

Dates and weekdays can be shown in English, Swedish, German, French, Spanish and seven other languages.

What people use it for

Businesses with clients abroad

Show your office time next to your client's, so nobody calls in the middle of the night.

Schools and clubs

A countdown to the last day of term, graduation or the annual meeting on the front page.

Travel blogs and agencies

Show the local time and weather at the destination, such as Bangkok or New York.

Intranets and info screens

A large clock with date and week number in the header or on a screen in the break room.

How to add the clock to your platform

The code is plain HTML and works on any site where you can paste your own code.

WordPress: Add a "Custom HTML" block where you want the clock and paste the code. For a sidebar, use the "Custom HTML" widget.
Wix: Choose Add › Embed Code › Embed HTML, paste the code and drag the box into place.
Squarespace: Add a Code block and paste the code. Squarespace runs scripts in code blocks on plans that support JavaScript.
Google Sites: Choose Insert › Embed › Embed code and paste the code.
Webflow: Drag in an Embed element and paste the code.
Your own HTML page: Paste the code into the page's HTML where the clock should appear, for example in the header or footer.

Common questions about the clock widget

How do I add a clock to my website?

Set up the clock above, press Copy code and paste the code into your page. That is all. The clock starts running as soon as the page loads.

Is the widget really free?

Yes. It is free to use, including on business websites. All we ask is that the link in the code stays in place.

Can I show the time in a city other than Stockholm?

Yes. Search for any city or time zone in step 1. With Several cities you can show up to five cities at once.

Does it adjust for daylight saving time?

Yes. The widget follows the official rules for each time zone, so the change happens automatically in the right country on the right day.

Can I make a countdown to a date?

Yes. Choose Countdown, pick a date and add a short label such as "until Christmas Eve". The widget shows the days, hours, minutes and seconds left.

Does the clock work on phones?

Yes. It adapts to the screen and works in all modern browsers on phones, tablets and computers.

Where does the weather come from?

Weather data comes from the Norwegian Meteorological Institute (MET Norway), the same source used by yr.no.

Does the widget collect data about my visitors?

No. The widget sets no cookies and stores nothing about your visitors. So we know how many sites use the clock, it only sends your site's address and the page the clock appears on. That means the widget does not need to be listed in a cookie banner.

← Back to the clock