How do I add a stopwatch to my website?

Customize the stopwatch, copy the generated iframe code, and paste it into your website HTML where you want the stopwatch to appear.

Can the stopwatch record lap times?

Yes. You can enable lap recording and save multiple lap times while the stopwatch is running or paused.

Can I display milliseconds?

Yes. You can show or hide centiseconds using the milliseconds setting.

Does the stopwatch work on mobile devices?

Yes. The embedded stopwatch works in modern mobile and desktop browsers.

Back to Widgets

Stopwatch Widget

Free Website Widget. Create a customizable Stopwatch widget with lap times and embed it on your website using a simple iframe code.

Live Preview

See exactly how your widget will look before copying the embed code

Embed Code

Open Preview

<iframe
  src="https://www.smartclocktools.com/embed/stopwatch?title=STOPWATCH&showHours=false&showMilliseconds=true&showLaps=true&language=en&background=%23ffffff&panelBackground=%23f8fafc&textColor=%23111827&accentColor=%232563eb&secondaryColor=%2364748b&font=system-ui&fontSize=45&borderRadius=20&shadow=md&width=420&height=300"
  width="420"
  height="300"
  loading="lazy"
  style="border:0;overflow:hidden;"
  title="SmartClockTools Widget"
></iframe>

Customize

Presets

TitleAdd a custom title above the stopwatchBackground

Display background

Text color

Accent color

Secondary color

FontTime font size: 45LanguageBorder radius: 20ShadowWidth (px)Height (px)

How to embed the stopwatch widget

Customize the title, colors, font, size, and stopwatch features. Then copy the generated iframe code and paste it into your website.

Where to use an online stopwatch

A stopwatch widget is useful for workout pages, classroom activities, sports websites, productivity dashboards, experiments, presentations, and training platforms.

Stopwatch with lap recording

Lap recording helps visitors track several intervals without resetting the stopwatch. It is useful for exercise sessions, races, tests, and repeated tasks.

Frequently Asked Questions

Customize the widget using the settings above, preview the result, and copy the generated iframe code when you are ready. The embed code can be added to websites and website builders that support HTML or iframe embeds.