The Largest Curatorial Library
With Responsive Timer

jQuery Responsive Countdown with Visual Builder

jQuery Responsive Countdown with Visual Builder

This is a javascript based tool that uses the canvas object to animate SVG defined drawings. The tool uses a flip animation to display the remaining time to or the elapsed time from a target date. The tool detects change of width and height of its container object and responds accordingly. Since it uses vector data to draw the digits and the panels of the countdown, there is no change in the quality of the displayed drawings when it gets resized. The tool features around 30 options to customize but it can also be used in a simple configuration. 1. In order to play, the tool needs to execute on a div that is relatively or absolutely positioned, because the tool creates layers of canvas objects within the div that are absolutely positioned. The div needs to have an id attribute in order to be easily selected. The div may have width defined with percent values. Every resize of browser will get detected by the tool and it will redraw accordingly. The height of the div is not important, because the tool will change it in order to draw the countdown. There is a parameter though that defines the maximum height the tool can have. Here is an example of a div object that can be used:

Created Feb 2, 2014 · Updated Jan 2, 2020 · ★ 4.98 (50) · 1K sales

Resizable Multicolor Countdown

Resizable Multicolor Countdown

This tool is the the timers which comes with flipping animation. You can adjust the color of the back panel so that it has changed over time. Or you can use a static color. The colors are set to digits, the rear panel and signatures. It uses vector data to draw the digits and the panels of the countdown, there is no change in the quality of the displayed drawings when it gets resized.

Created Jan 28, 2016 · Updated May 9, 2019 · ★ 4.91 (22) · 684 sales

Coming Soon Timer Vol-1

Coming Soon Timer Vol-1

A single webpage is providing all these styles so that required style of timer can be choosen or a single countdown can be displayed in different styles in a single page to attract the customers. The technology used by this webpage is HTML5,CSS,Javascript and Bootstrap.Free version of bootstrap is used to import different css styles and javascript functions. The main user interface is built using HTML5, the styling to elements the webpage is done by using bootstrap css styles and the functions are implemented using bootstrap java functions. From the source code that is given we can customise our backgrounds. VS Code IDE is used to develop this template.

Created Jan 2, 2022 · 8 sales