Countdown Timer Widget

New

Add a countdown timer to a sale, launch or event page. Count down to a fixed date in any time zone, or start an evergreen timer that runs separately for each visitor. Choose what happens when it reaches zero: show a message, hide the timer or go to another page. No sign-up needed.

Embed code

Everything happens in your browser. The code is self-contained: it doesn't load anything from xorbin.com and doesn't track your visitors. The share link keeps your settings in the part of the address after #, which is never sent to a server.

How to add the countdown timer to your website

Change the settings on the left. The preview updates as you go.
Click Copy code.
Paste it into your page as HTML, where you want the widget to appear.

WordPress: add a Custom HTML block and paste the code.
Shopify: add a Custom Liquid section in the theme editor.
Wix: use Embed code → Embed HTML.
Squarespace: add a Code block.
Webflow: drag in an Embed element.
Plain HTML: paste the code where the widget should appear.

To come back to your design later, click Copy share link and save the link. Opening it restores every setting.

Features

Fixed date, any time zone

Set the end in the time zone of your event, and every visitor sees the same remaining time wherever they are.

Evergreen mode

Each visitor gets their own countdown, such as 24 hours from their first visit, remembered in their browser.

Choose the units

Show days, hours, minutes and seconds, or any mix. Hidden units roll into the next one, so "hours" can count past 24.

What happens at zero

Show a message, hide the timer, or send visitors to another page.

Frequently asked questions

Which time zone does the countdown use?

The one you pick. With a named zone (for example America/New_York) everyone counts down to the same moment. With "Visitor's own time zone", each visitor counts down to that clock time where they live, which suits things like New Year.

How does the evergreen timer work?

The first time someone sees the timer, their browser stores the start time. The timer then runs from that point for the length you set. If the visitor clears their browser data, it starts again.

Can I put two timers on one page?

Yes. Each snippet is separate. Timers with different settings get different class names, so their styles don't clash.

Is the countdown accurate?

It uses the visitor's device clock, which is normally synced to the internet. A device set to the wrong time will show the wrong countdown, as with any timer on a web page.

Analog clock widget — Add a classic clock face with hands to your website.
Digital clock widget — Add a seven-segment LED-style clock to your website.

Last updated: 14 November 2026