How to Add a Countdown Timer to Your Website

Add a live countdown timer to any website in one paste. Here is how the embed snippet works, what it counts down to, and how to keep it ticking for every visitor.

Updated 4 min read By CodingEagles
Free tool Countdown Timer Live days, hours, minutes and seconds to any event, with an embed code. Open tool

To add a countdown timer to your website, set a target date and title in the countdown timer, copy the embed code it gives you, and paste that snippet into your page. It drops in a live countdown that ticks every second in each visitor’s browser, with nothing to install.

What the embed snippet is

The snippet is a single <iframe> tag. It points at a small, self-contained page on our site that carries your chosen date and title in the link. When your page loads, the iframe loads that widget, which then counts down on its own. Because the whole thing runs in the visitor’s browser, your site does not need any scripts, build steps or accounts.

Here is the shape of what you paste:

<iframe src="https://date.hivly.net/embed/countdown/?t=1767225540000&title=New%20Year"
  width="100%" height="230" style="border:0" title="Countdown to New Year"></iframe>

The long number after t= is the exact target moment, and the title is the label shown above the digits. You do not write these by hand; the Copy embed code button fills them in for you.

Setting it up

  1. Open the countdown timer and type a title, such as a launch, an exam or the New Year.
  2. Pick the date and time you are counting down to.
  3. Press Copy embed code and paste the snippet into your page where you want the timer to sit.

That is the whole job. The timer starts from the moment each person opens the page and keeps ticking while they are on it.

One moment for everyone

A countdown is only useful if it agrees with itself. The embed pins your target to a single instant in time, so every visitor counts down to the same moment no matter their time zone. You set the date and time once, read from your own clock, and from then on it is fixed and shared.

Changing or removing it

To change the date or title, make a new countdown and copy a fresh snippet, then swap it for the old one. To remove the timer, delete the iframe tag from your page. Your recent countdowns are saved in your own browser, so you can reopen a past one without setting it up again. For a countdown to a personal date instead, the birthday countdown and the days until a date tool cover those, and the guide on how many weeks until a date walks through the plain sum behind them.

Frequently asked questions

How do I put a countdown timer on my website?
Set the date, time and title in the countdown timer, press Copy embed code, and paste the snippet into your page. It adds an iframe that loads a live countdown, so there is nothing to install and no script to keep updated.
Will the countdown show the same time to everyone?
Yes. The embed pins the countdown to one exact moment, so a visitor in London and a visitor in Sydney both count down to the same instant rather than to their own local clock time.
Can I change the countdown after I have embedded it?
Generate a new snippet with the new date or title and replace the old one on your page. The date and title travel inside the embed link, so a fresh copy carries the change.

Ready to try it?

Live days, hours, minutes and seconds to any event, with an embed code. Free, in-browser, and 100% private. Your data never leaves your device.

Open the Countdown Timer