Plugins
Templates
Blocks
Template Setup Guides

Simple Timer/Countdown & Stopwatch Plugin

Link to plugin page: https://zeroqode.com/plugin/simple-timerstopwatch-1569589914563x148599537785085720

Introduction

Simple Timer/Countdown & Stopwatch plugin which lets you use it's actions and events to create the perfect timing application

It comes with 3 elements which can be used.

Elements

Timer Element

  • Actions

This element has 3 actions:

  • Start Timer - Start the timer from the time you set, decreasing, and it will stop automatically when the day, hour, minutes and seconds are equal to zero.

  • Pause - turn off the timer.

  • Reset timer - it stops and the timer resets to the initial data.

  • Events

  • Timer End - this event helps the user trigger a list of actions at the end of the time set in the timer.

  • States

This item has 4 states:

  • Current days - keeps the number of days left until the timer stops.

  • Current hours - keeps the number of days left until the timer stop.

  • Current minutes - keeps the number of days left until the timer stops.

  • Current seconds - keeps the number of seconds left until the timer stops.

How to setup proprieties:

Set the number of days, hours, minutes and seconds from which to start the timer.

Countdown Element

  • Actions

This element has 3 actions:

  • Start Countdown - Start the timer from the time you set, decreasing, and it will stop automatically when the day, hour, minutes and seconds are equal to zero.

  • Pause Countdown - turn off the timer.

  • Reset Countdown - it stops and the timer resets to the initial data.

  • Events

This element has 3 events:

  • Start Countdown - Countdown was started

  • Pause - Countdown was set to pause.

  • Reset Countdown - Countdown was reset

  • States

This item has 4 states:

  • Current days - keeps the number of days left until the timer stops.

  • Current hours - keeps the number of days left until the timer stop.

  • Current minutes - keeps the number of days left until the timer stops.

  • Current seconds - keeps the number of seconds left until the timer stops.

How to setup proprieties

Set backward counting in fixed units from an arbitrary starting number to mark the time remaining

Stopwatch Element

Actions

This element has 3 actions:

  • Start stopwatch - Start the timer from the time you set, decreasing, and it will stop automatically when the day, hour, minutes and seconds are equal to zero.

  • Pause stopwatch - turn off the timer.

  • Reset stopwatch - it stops and the timer resets to the initial data.

  • Event

This element has 3 events:

  • Start stopwatch - stopwatch was set to started

  • Pause - stopwatch was set to pause.

  • Reset stopwatch - stopwatch was set to reset

  • States

This item has 4 states:

  • Current days - keeps the number of days left until the timer stops.

  • Current hours - keeps the number of days left until the timer stop.

  • Current minutes - keeps the number of days left until the timer stops.

  • Current seconds - keeps the number of seconds left until the timer stops.

Demo to preview the settings: