> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://www.glideapps.com/docs/essentials/components/stopwatch/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://www.glideapps.com/_mcp/server.

# Stopwatch

> Track elapsed time in seconds within your app.

The **Stopwatch** component allows users to measure time intervals by pressing a button to start and stop a stopwatch. Users can start, pause, and reset the timer as needed.

> **Note**
>
> The Stopwatch component is currently in Beta. To use this feature, go to your team's **Settings** and enable preview mode.

## Setting Up the Stopwatch Component

#### Stopwatch - Arcade 1

Create a [Number](/docs/essentials/basic-columns/numbers) or Text column to store the recorded time in seconds.

In the [Layout Editor](/docs/getting-started/intro-to-layout#layout-editor), select the screen to edit.

Click on the plus (+) symbol in the [Components](/docs/essentials/components) panel.

Select **Stopwatch** or search for **Stopwatch**.

Drag the component to the position you want in the component menu.

The component can also be added within a [Collection](/docs/essentials/components/collections), which enables the component to be repeated and applied to every item in that collection.

### **Options**

Like all components, you can add [visibility conditions](/docs/reference/user-experience/visibility-conditions) in the **Options** tab of the configuration menu, Custom CSS to manually adjust the styling of the component, and notes for internal use.

> Track elapsed time in seconds within your app.