Embed a clock, stopwatch or timer

Three ways to embed

• Script (recommended). Paste a one-line <div> and a <script>. The script builds the frame, loads it lazily, and sizes it to fit its content, so a face keeps its shape and a full tool grows to the height it needs.
• iframe. A plain <iframe> for places that don't run scripts. The size is in the style attribute.
• Link. The bare address of the embed, for tools that ask for a URL — Notion, Google Sites, or a Browser source in OBS.

What you can embed

26 faces — each one as a clock, a stopwatch or a countdown — plus these whole tools:

• Full stopwatch — Laps, 1/100,000 s precision, units and a face of your choice.
• Countdown timer — Set any time, with alarm and overtime.
• Pomodoro timer — Focus and break cycles with a long break.
• Interval timer — HIIT, Tabata and rounds.
• World clock — Several cities at once, on any face.
• Countdown to a date — Days, hours and seconds until any date or event.
• Multi-stopwatch — Time several people, or race mode.
• Split timer — Segments against a personal best.
• Cube timer — Inspection, scrambles and averages.
• Chess clock — Two-player clock with increment.
• Scoreboard — Game clock, scores, period and horn.
• Metronome — Tempo, beats and tap tempo.
• Reaction time test — Five tries, average and best.
• Speech timer — Green, yellow and red timing lights.
• Time study stopwatch — Decimal minutes, TMU and standard time.
• Study stopwatch — Study time by subject with a daily goal.

Browse every face live on the clocks gallery, or open one and use the embed box at the bottom of its page.

Options that matter

• Time zone. A clock can show any city, so one page can carry several. Daylight saving is handled for you.
• Countdown start. Give a countdown a length such as 5m, 90s or 1:30.
• Colour. Choose an accent and the face recolours around it: hands, glow, rings or lume.
• Background. Transparent by default so the clock sits on your page's own colour. Turn off the panel behind a digital face for a bare readout.
• Controls and sound. A stopwatch or countdown can show start, stop and reset buttons, and ring at zero — or stay silent.
• Credit. A small link back to Stopwatch.ca is shown by default and you can turn it off.

Where it works

Privacy and performance

An embedded clock sets no cookies and loads no tracking: it makes requests only to stopwatch.ca for its own page, script and style. Frames load lazily, so a clock below the fold doesn't slow the page. Anything a visitor enters — a lap, a name, a setting — stays in their own browser.