📖 Complete Instructions V1 1. Setup & Design

Drag and drop the Chronos Timer onto your page.

Set your Initial Minutes and Initial Seconds.

Type your app's font name in the Font Family field (e.g., Montserrat) and customize the size and colors.

2. Pro Features (If using the Pro version)

Set your Danger Threshold (seconds) and pick a Danger Color (like #EF4444 for red).

Select an Animation Style (Pulse or Blink).

Upload or paste URLs for your Tick Sound and Alarm Sound (.mp3 format recommended).

3. Workflows & Events

Go to the Workflow tab and use the Start Timer, Pause Timer, and Reset Timer actions to control the clock via buttons.

Add the event When Fluid Countdown Timer has finished to trigger actions (like closing a popup or showing a "Time's Up!" message) when the clock hits zero.


📖 Complete Instructions V2
1. Setup & Modes

Place the plugin on your page and select your Timer Mode (Countdown or Stopwatch).

If using Stopwatch, the clock will count up. If using Countdown, set your Initial Days, Hours, Minutes, and Seconds.

Toggle Show Milliseconds or Event Mode depending on your formatting needs.

2. The 60fps Engine & Background Protection

Because V2 calculates time based on the system clock, your timers won't lose seconds when users minimize their browser tabs!

3. Workflows & Laps

Use the universal Start Timer, Pause Timer, and Reset Timer actions to control both Countdowns and Stopwatches.

Recording Laps: Trigger the new Record Lap action via a workflow. It will instantly publish the exact current time to the Last Lap Time state and fire the Lap Recorded event, allowing you to save it to a Custom State or your database without stopping the clock.