Ultimate Time Tracker

Brandarrow's official documentation for Ultimate Time Tracker– Bubble.io Plugin


Vitals

Description

The Ultimate Time Tracker plugin is a lightweight, reliable, and glitch-free timer element for Bubble.io applications. Optimized for performance across all devices, it supports custom countdowns, stopwatch features, quiz timers, or time-based workflow triggers.

Key Features

  • Customizable Timer: Build count-up timers for various use cases like quizzes or productivity tracking.

  • Mobile-Friendly: Works seamlessly on all devices.

  • Workflow Integration: Control the timer with actions and trigger events for start, pause, and reset.

  • Real-Time Updates: Publishes elapsed time in milliseconds (currentTime_ms) and formatted text (currentTime_text) every second.

Price

$10/once | OR | $5/month

Installation

Add the plugin to your Bubble app via the official plugin marketplace.

Demo & Editor

Demo Editor


Instructions

1

Add the Ultimate Timer Element

Place the Ultimate Timer element on the page where you want to use the timer.

2

Configure Workflow Actions

Action

Description

Input

Behavior

Triggers

Start Timer

Starts or resumes the timer from a specified time.

startTime (number, ms)

Begins counting up from startTime. Updates every second:• currentTime_ms: milliseconds• currentTime_text: HH:MM:SS format.

timer_started

Pause Timer

Temporarily stops the timer without resetting.

None

Pauses the timer and preserves the current elapsed time.

paused

Reset Timer

Stops and resets the timer to zero.

None

Sets currentTime_ms to 0 and currentTime_text to 00:00:00.

reset

3

Display Timer Output

Bind the currentTime_text state to a text element to display the timer on the page, or use currentTime_ms for calculations or database storage.

4

Handle Events

Use the plugin’s events (timer_started, paused, reset) in workflows to trigger actions like showing messages or playing sounds.


Components

Element
  • Ultimate Timer: A non-visible element for managing timer functionality.

Action
  • Start Timer: Initiates or resumes the timer from a specified start time.

  • Pause Timer: Temporarily pauses the timer, preserving elapsed time.

  • Reset Timer: Resets the timer to zero.

Events
  • timer_started: Triggered when the timer starts or resumes.

  • paused: Triggered when the timer is paused.

  • reset: Triggered when the timer is reset to zero.

Data calls

None


Common Issues & Troubleshooting

Issue

Cause

Fix

Timer Not Starting

startTime is not set correctly, or the element is missing from the page.

Set startTime to a valid number (e.g., 0). Ensure the Ultimate Timer element is present and visible.

Timer Not Updating

The workflow may not be triggering, or no element is bound to display time.

Check that the Start Timer workflow runs. Bind a text element to currentTime_text for updates.

States Not Resetting

The Reset Timer action wasn't triggered, or conflicting workflows are interfering.

Ensure Reset Timer is in the workflow. Check for any conflicting actions or conditions.

Timer Resets on Refresh

Timer state is not persisted between page loads.

Store currentTime_ms in the database and reload it when the page loads.

Inaccurate Time Display

The text element may not be bound correctly, or display/rendering issues on some devices.

Verify currentTime_text is linked to a visible text element. Test across multiple devices.


Changelog

Version
Status
Release Year
Changes

v1.0

Shipped

2025

Initial release with count-up timer, start/pause/reset actions, and event triggers.


Need Help?

Help & Support

Last updated

Was this helpful?