Minimal Countdown Timer Library For jQuery uiTimeBomb - Download Minimal Countdown Timer Library For jQuery - uiTimeBomb

Download Minimal Countdown Timer Library For jQuery – uiTimeBomb

Posted on

This time I will share jQuery Plugin and tutorial about Minimal Countdown Timer Library For jQuery – uiTimeBomb, hope it will help you in programming stack.

Minimal Countdown Timer Library For jQuery uiTimeBomb - Download Minimal Countdown Timer Library For jQuery - uiTimeBomb
File Size: 9.96 KB
Views Total: 2174
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

uiTimeBomb is a really simple jQuery plugin that provides a flexible way to create countdown timers with custom output formats on the webpage. Also provides as a pure JavaScript version which you can implement on your current web project without any dependencies.

How to use it:

1. Add the jquery.uitimebomb.min.js script after you’ve added jQuery library.

1 <script src="//code.jquery.com/jquery.min.js"></script>
2 <script src="src/jquery.uitimebomb.min.js"></script>

2. Create a placeholder element for the countdown timer.

1 <div id="timer"></div>

3. The JavaScript (jQuery script) to render a new countdown timer that will counts down from a specific time.

1 $.uiTimeBomb({
2   <a href="https://www.jqueryscript.net/time-clock/">date</a>:new Date( Date.now()+(12E4) ),
3 });

4. Default plugin settings to customize the countdown timer.

01 $.uiTimeBomb({
02   elements:[],
03   date:new Date(),
04   padNumbers:false,
05   mode:"years",
06   format:"{y} years, {m} months, {d} days, {h} hours, {i} minutes, {s} seconds",
07   localTime:true,
08   onStart:null,
09   onUpdate:null,
10   onComplete:null
11 });

This awesome jQuery plugin is developed by WCPDigital. For more Advanced Usages, please check the demo page or visit the official website.

source : jqueryscript.net