MARKETPLACE
PLUGINS
CLOCK 3 IN 1
Clock 3 in 1 logo

Clock 3 in 1

Published March 2022
   •    Updated November 2025

Plugin details

Tutorial video for this plugin is also shared. A simple 3 in 1 (timer, countdown & stopwatch) plugin with multiple events and actions that allows you to do countdowns for, for example, a special offer on your e-commerce website. do countups with the timer which has start, pause & stop controls or save lap times in a repeating group or in the database with the stopwatch element. You can convert seconds in HH:MM:SS format with the seconds to time converter element

Editor:
https://bubble.io/page?type=page&name=clock_3_in_1_plugin&id=apptastic&test_plugin=1630583529373x783506430737252400_current&tab=tabs-1

$20

One time

5.0 stars   •   1 ratings
17 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Apptastic logo
Apptastic
Joined 2021   •   22 Plugins
View contributor profile

Instructions

Tutorial video: https://www.youtube.com/watch?v=RIe4bt2LwgY

Timer:
- Drag an drop the timer element on your page. This allows you to add hours, minutes and seconds states on text elements
- Edit workflows with the start, stop and pause action
- You use events like timer is started, timer is paused or timer is stopped

Countdown:
- Drag an drop the timer element on your page. This allows you to add days, hours, minutes and seconds states on text elements
- Add an Date & time picker element on your page
- Add “date/time pickers value” in the property editor of the countdown element
- Edit workflows with the start and stop action
- You use events like countdown is started, countdown is stopped or countdown is finished.

Stopwatch:
- Drag an drop the stopwatch element on your page.
- Add repeating group with data type “numbers” and data source “stopwatch’s Lap time”
- Add text in repeating group ”Lap current cell’s index” and “Stopwatch’s lap time current cell’s index”
- Edit workflows with the start, lap and stop action
- You use events like stopwatch is started, stopwatch is stopped or lap time is created.

Seconds to time converter
- Drag an drop the element on your page
Insert the seconds value dynamically

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Analytics   •   Productivity   •   Technical   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

With help from the author I managed to get it working as I intended !
June 22nd, 2022
With help from the author I managed to get it working as I intended !
Hi, The ‘Stopwatch duration’ element’s lap times is a list of numbers. To save the lap times in the database you have to create a field type ‘list of numbers’. Then use the ‘lap is created’ event to save the list of lap times in the database. I made an example for you in this editor. Editor: https://bubble.io/page?type=page&name=clock_3_in_1_tutorial&id=apptastic&tab=tabs-1 You should also use that seconds to time converter to display the lap times in HH:MM:SS:ss format. Here's a tutorial on how to use the seconds to time converter element: https://www.youtube.com/watch?v=RIe4bt2LwgY&t=3s (plugin author)
June 22nd, 2022
  •  
Apptastic
Bubble