Embed a Countdown Timer

Set it up, preview it live, and paste one line of code into your page.

Timer settings

MINUTES SECONDS

TITLE (optional)

COLOUR

SIZE

Start automatically

Live preview

EMBED CODE

Open in new tab

How to embed a timer

Set the minutes and seconds, an optional title, and a colour.
Tick Start automatically if the countdown should begin as soon as the page loads; otherwise visitors press Start.
Press Copy code and paste the <iframe> into your site's HTML, a WordPress “Custom HTML” block, a Google Site embed, or an LMS page.

Customising the URL

The widget reads simple URL parameters, so you can also edit the link by hand:

Parameter	Meaning	Example
`t`	Length in seconds	`t=600` (10 min)
`title`	Label above the timer	`title=Quiz`
`color`	Background hex colour	`color=38858a`
`autostart`	Start on load	`autostart=1`

Frequently asked questions

Is the embeddable timer free?

Yes, completely free with no account or API key. The widget shows a small “Online Timer” link in the corner.

Can I embed the timer in Notion or Google Sites?

Yes. In Notion use /embed and paste the URL from “Open in new tab”. In Google Sites choose Insert → Embed → Embed code and paste the iframe.

Does the timer play a sound when it ends?

It plays a short chime when it reaches zero, as long as the visitor has interacted with the page (browsers block sound before any click). The display also flashes “Time's up!”.

Study smarter with Stuon

Take your focus further.

Turn what you learn into lasting knowledge with active recall, spaced repetition, and simple study tracking.

Continue on Stuon