Countdown Timer

Set a target date. Live countdown. Share the URL with anyone.

Event name (optional)

Date & time

Set a date above

Days

Hours

Minutes

Seconds

Embed this timer on your website

Paste this HTML anywhere on your site — blog post, landing page, email signature, Notion, Squarespace, WordPress (in an HTML block). Zero dependencies, works offline, self-contained.

Live preview ↑ — the countdown you see above is exactly what the embed will look like on your site. Widget is ~2 KB, no external requests.

What can I count down to?

Anything. Birthdays, weddings, exam dates, school holidays, Christmas, product launches, retirement, subscription renewals, that one overseas holiday you've been staring at for six months. The settings are encoded in the URL, so you can bookmark the timer or share the link with anyone — they'll see the same live countdown on their device.

How the sharing works

When you set a date and optional title, the URL updates with ?t=Your+Title&d=2026-12-25T00:00. Copy the URL from your browser (or use the "Copy share link" button), and anyone who opens it will see the same countdown live-updating every second. No login, no account — the timer is defined entirely by the URL parameters.

Embedding on your own website

Once you've set a date, an "Embed this timer" block appears below the countdown. Copy the HTML snippet and paste it anywhere — your blog post, product launch page, WordPress widget, Squarespace code block, Notion page, even an email newsletter (for email clients that support inline JavaScript). The embed is self-contained — no external scripts, no branding, no tracking. Just a clean countdown that matches the style you see here.

If you want a different look (bigger digits, different colours, dark mode), just copy the code and modify the inline styles — it's plain HTML and CSS, no framework required.

Timezone behaviour

The target date you set is in your local timezone (the date picker uses your device's timezone). When someone in another timezone opens the share link, their device interprets the same instant — so the countdown shows the correct remaining time for them too. For example, a 10pm Sydney wedding countdown will show as 8am NYC countdown to someone in New York at the same moment.

Common use cases

Wedding / engagement countdown. Set the date and share with your wedding party.
Product launch / sale ends. Embed on the landing page to build urgency ("sale ends in 2 days 13 hours 42 minutes…").
Flight / holiday. Something to check when you need a dopamine hit.
Exams, deadlines, moving day. Externalise the nervous energy.
"Days until Christmas" / seasonal. Recurring calendar events — just update the date each year.
Contract / subscription / warranty expiry. Less fun but practically useful.
Retirement, milestones. Big numbers feel different to staring at a date on a calendar.

FAQ

What happens when the date is reached? The countdown stops at 0 days 0 hours 0 minutes 0 seconds. It doesn't auto-trigger anything — if you need a ping or alarm, your device's native reminders app is the right tool.

Can I count up instead of down? Not in this tool, but if your target date is in the past, the countdown will just sit at 0. For "days since X" style counters, use a simple date-difference calculator instead.

Does this work offline? The shared page needs to load once, then yes — the countdown ticks locally using your device clock. Share link needs internet at least the first time.

Can I embed without the share URL? Yes — the "Embed this timer" block generates a self-contained HTML snippet with the target date baked in. Doesn't need the URL parameters, doesn't phone home.

Is this tracked / logged? No. The countdown runs entirely in your browser. The URL parameters are just for your sharing convenience.

`; } function tick() { const d = document.getElementById('target').value; if (!d) return; const target = new Date(d).getTime(); const now = Date.now(); const diff = Math.max(0, target - now); const days = Math.floor(diff / 86400000); const hrs = Math.floor(diff / 3600000) % 24; const mins = Math.floor(diff / 60000) % 60; const secs = Math.floor(diff / 1000) % 60; document.getElementById('dd').textContent = days; document.getElementById('hh').textContent = hrs; document.getElementById('mm').textContent = mins; document.getElementById('ss').textContent = secs; } setInterval(tick, 1000); function shareLink() { navigator.clipboard.writeText(location.href); const b = document.getElementById('shareBtn'); const old = b.textContent; b.textContent = 'Link copied ✓'; setTimeout(() => b.textContent = old, 1200); } function copyEmbed() { navigator.clipboard.writeText(document.getElementById('embedCode').textContent); const b = document.getElementById('embedBtn'); const old = b.textContent; b.textContent = 'Copied ✓'; setTimeout(() => b.textContent = old, 1200); } const params = new URLSearchParams(location.search); if (params.has('t')) document.getElementById('title').value = params.get('t'); if (params.has('d')) document.getElementById('target').value = params.get('d'); upd();