Link to the plugin page:
Demo to preview the plugin:
Live Demo:
Introduction
The Time-Stopwatch is a lightweight and efficient stopwatch tool designed for Bubble applications. This plugin enables users to start, pause, reset, and track elapsed time seamlessly. Whether you need a simple stopwatch for productivity tracking, event timing, or performance monitoring, this plugin delivers a smooth and reliable experience.
Key Features
Prerequisites
- Ensure your Bubble app has the plugin installed.
- A text element to display the elapsed time.
- A button or trigger to start, pause, and reset the timer.
How to setup
Step 1: Installation
Step 2: Place the Element
Step 3: Add Controls
Step 4: Configure Controls
Plugin Element Properties
Time - Stopwatch
Element Actions
- Start - The Start action initiates the stopwatch, beginning the time-tracking process. Once triggered, the stopwatch starts counting time from zero
- Stop - The Stop action pauses the stopwatch, freezing the current elapsed time. Unlike a reset, stopping does not clear the recorded time—it simply halts counting until resumed.
- Reset - The Reset action clears the elapsed time, returning the stopwatch to 00:00:00 (or 0 milliseconds). Once reset, the next start action will begin from zero.
Exposed states
Title | Description | Type |
Seconds | Seconds | Number |
Minutes | Minutes | Number |
Hours | Hours | Number |
Ticking | If stopwatch is ticking | Checkbox (yes/no) |
Total Seconds | Total number of seconds | Number |
