Countdown Timer for Website

Pick a date and a theme, then copy the code: this free countdown timer for website pages works in WordPress, Notion, Wix, and any site that accepts HTML.

Theme

Countdown Timer Embed Code

Easiest: change the settings above and copy the new code.

Or edit the code: date=2027-06-14T18:00 — date and time, title=Our%20Wedding — title (%20 = space), theme=light or dark.

Use in Notion / OBS

For a Notion countdown widget or a stream overlay, use the direct link to the timer:

Notion: type /embed and paste the link. OBS: add a Browser Source and paste the link as its URL.

How to Add It to Your Site

A Countdown on Your Own Pages

Count down to a wedding, a product launch, a sale, or a webinar right where your visitors already are. The widget is an embeddable countdown timer: one short block of code that you paste once, and it keeps ticking on its own. You can embed countdown timer blocks on as many pages and sites as you like.

It works as a countdown clock for website headers, sidebars, and landing pages: days, hours, minutes, and seconds in large digits, in a light or dark theme. The timer stretches to its column from 200 to 420 pixels wide, so it fits a phone screen as well as a desktop layout.

Ready-Made Countdowns

Need a countdown on a page of its own? Set any date in the Countdown Timer and share the link, or open a popular one: Christmas, New Year, Halloween, or Thanksgiving.

FAQ

How do I add a countdown timer to a website?

Set the date, title, and theme above, press Copy, and paste the code into your page where the timer should appear. The preview shows what your visitors will see.

Is it free?

Yes. This countdown widget for website owners is free, with no sign-up, no ads inside the timer, and no limit on views.

How do I embed it in WordPress or Notion?

In WordPress, add a Custom HTML block and paste the code. In Notion, type /embed and paste the direct link from the Notion / OBS section.

Is it HTML code or an iframe?

Both. The countdown timer HTML code is a short block with no script, so site builders that remove JavaScript keep it working. Inside it is an iframe countdown timer that loads from timeinseconds.com.

Can I change the date later?

Yes. Change the settings here and replace the old code with the new one, or edit date= in the code you pasted.

Which time zone does the countdown use?

By default, everyone counts down to the same moment, set in your time zone, which suits a launch or a live stream. For holidays like New Year's, check the local time box, and each visitor counts down to the date on their own clock. Popular holidays start at midnight on each visitor's clock, and seasons follow the visitor's hemisphere, guessed from their time zone.

What happens when the countdown ends?

A short message takes the place of the digits. With Repeat every year, the timer starts counting to the next year's date a day later. Popular events move to their next date on their own.

WordPress, Notion, Wix, Squarespace, and OBS are trademarks of their respective owners. TimeInSeconds is not affiliated with or endorsed by them. Using the widget means you accept our Terms of Service.