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 online 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&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: 20ShadowWidthHeight

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

Our stunning no-code widgets will enhance any website built with a site builder. They are incredibly easy to use and customize. Copy the embed snippet and paste it where you want the widgets to render.