Soon Countdown Builder, Responsive jQuery Plugin v1.12.0 New Resource.
Beautifully animated countdowns for everyone.
Soon is Plug & Play and super easy to setup. Using the Visual Builder Soon has you creating the most stunning countdowns your visitors have ever seen. Pick one of the 15 Preset Templates as a starting point or start from scratch and design your unique counter.
Soon will always look great, it is mobile friendly, fast and responsive it will automatically scale to the available space around it. Soon is compatible with jQuery but you can use it without just as well. The package contains the original source files, so if you’re tech savvy you can tweak it to your own liking.
You can further customize Soon to your own liking with simple HTML attributes or by using the JavaScript API described in the detailed documentation.
Key Features Soon Countdown Builder, Responsive jQuery Plugin v1.12.0
Visual Builder
Just drag the sliders, pick a color, choose a due date, and presto, you’re presented with you’re Soon HTML and CSS code. It’s really as easy as that, now anyone can create stunning counters.
15+ Preset Templates
Soon ships with 15 unique and responsive counter templates. You can use them as is, or tweak them to fit your style. All templates can be viewed on the Soon Live Preview landing page.
Responsive
Soon is responsive and works on a wide range of modern mobile, tablet and desktop browsers. Soon will automatically measure the available space of the parent container and resize the different counters accordingly.
3 Clock Faces
Soon contains 3 different clock faces. Flip, Matrix and Text. Each face has it’s own animations and customization options. Combined with the two visual styles there’s bound to be a configuration that suits your specific needs.
2 Progress Indicators
You can combine the 3 clock faces with 2 different progress visualisations. There’s a circular and a fill visualiser which each have rich customization and animation options.
Accuracy
JavaScript’s default timer will lag behind when it’s active for longer time periods. Soon contains a correction algorithm to make sure each second actually is a second.
Duration Modes
Set duration mode to have Soon count down a fixed amount of minutes or seconds since page load. In day mode it will count to a certain time on a certain day of the week.
Server Time
You can have Soon use the server time instead of the browser time by using the fixed date option.
- COUNT UP AND DOWN
- You can configure Soon to count down towards a date or count up since a date. Useful for counting time since an event.
- CLOCK MODE
- If no due date is set, Soon will render a Clock instead of a countdown. Perfect for testing if Soon has been setup correctly.
- JQUERY API
- Soon detects if you’re a fan of jQuery, if so, it enables the jQuery API. If you’re not using jQuery, no problem, Soon brings it’s own API.
- EVENTS
- You can execute scripts on each tick or when the timer runs out by using the available callback methods.
- ANIMATIONS
- Each face and visual has it’s own animation options to make your counters look extra professional.
Feature Summary Soon Countdown Builder, Responsive jQuery Plugin v1.12.0
Visual Builder
Use the Visual Builder to build your own counters. No coding required. Pick a preset or a blank canvas, select colours, counter types, fonts, sizes. Just copy and paste the resulting snippet and you’re ready to roll.
jQuery (not required)
Soon has got jQuery support, but if you’re not into jQuery that’s not a problem as Soon works without just as well.
Animations & Special Effects
All Soons counters are animated. For instance the text counter can be tweaked with different animation types like slide, roll, twirl and fade. On top of these animations Soon brings reflections to the table.
Responsive
Soon scales to the available space around it. It’s as simple as that. It does not matter where you place it, Soon will make sure it looks great.
Accurate
JavaScript’s default timer will lag behind when it’s active for longer time periods. Soon contains a correction algorithm to make sure each second actually is a second.
Faces
There’s three different clock faces to choose from. You’ve got your basic Text. There’s a classic Flipper and as a bonus there’s the Dot Matrix counter. All three faces can be animated in various ways and have all kinds of sub styles.
Visualizers
Easily create an awesome circular counter. Use solid colours, gradients, define counter direction and set the offset, length and width of the ring. There’s visual effects like glow and shadow plus the ring progress is animated.
Next to the ring you’ve got the option to select a background fill. This is sort of like a vertical, horizontal or diagonal progress bar. Animated and colours can be changed.
Due Modes
Soon comes with a wide range of countdown options. Also, well tested support of timezones.
- 2016—02-25 count down towards a date;
- 2010—02-25 count up since a date;
- in 2 hours count down a fixed amount of hours, minutes or seconds ;
- at 12:30:15 count down repeatedly towards a time;
- sunday at 10 count down repeatedly towards a time of day;
Formatting
Pick between Year, Month, Week, Day, Hour, Minute, Seconds and Milliseconds. The cascade feature allows you to move values between groups, so you can for instance count the total number of seconds till next year.
Callbacks
Bind JavaScript functions to the Complete and Tick callbacks. Useful to show or hide elements when the timer runs out, or to make changes when there’s only a couple more seconds left on the clock.
Clock
By default if you don’t set a due or since date, Soon will render a clock, so if you’re looking for a fancy clock, Soon is the way to go.
Server Time
You can manually set the current time which Soon will use to do it’s calculations.
API
Soon can be setup from JavaScript using the Soon API. Allowing you to Create and Destroy counters on the fly..
Browser Support Soon Countdown Builder, Responsive jQuery Plugin v1.12.0
- Chrome
- Safari
- Firefox
- Edge
- Opera
- iOS
- Android
- IE11
- IE10
- IE9 (no animations)
- IE8 (no animations, automatic fallback to text counter)
- Safari on Windows is no longer being maintained by Apple and therefor is currently not supported.
Files Soon Countdown Builder, Responsive jQuery Plugin v1.12.0
- Original and minified versions of all CSS and JavaScript files
- 15+ Preset Templates
- Visual Builder
Update Soon Countdown Builder, Responsive jQuery Plugin v1.12.0 25-09-2018
Fix problem where loop mode would be restored correctly.
