What this solution does
The module renders a circular timer with extensive configuration options.
Timer settings:
- Selection of operation mode: countdown timer or specific date display.
- Setting the target date for date mode.
- Setting the number of seconds for timer mode.
- Defining the width of the timer area (in adaptive mode, it uses the maximum available width).
- Control over automatic timer start upon page load.
- Enabling or disabling adaptive mode to adjust elements to screen width.
- Choosing animation type: smooth or sharp.
- Configuring the circle background color.
- Controlling the visibility of the circle background.
- Setting the width of the circle foreground.
- Defining the overall circle width.
- Selecting the direction of the circular progress bar fill.
- Setting the starting angle (in degrees) for circle filling.
- Configuring the color of the days circle.
- Controlling the visibility of the days circle.
- Configuring the color of the hours circle.
- Controlling the visibility of the hours circle.
- Configuring the color of the minutes circle.
- Controlling the visibility of the minutes circle.
The circular countdown timer module allows setting the color of the seconds circle and toggling its visibility. The timer can be hidden after the countdown finishes.
General iT can install and configure this module and check how it works on your website.