Simple jQuery Countdown Timer Plugin - kkcountdown
File Size: | 323KB |
---|---|
Views Total: | 6309 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

kkcountdown is a lightweight and fast jQuery plugin that enables you to quickly create a countdown timer on the web page, which counts down to specific dates in the future.
See also:
- Tiny jQuery Countdown Timer Plugin
- Pie Chart CountDown Plugin for jQuery
- jQuery Countdown Plugin with Animation and Reflection Effects - County
- Beautiful jQuery Countdown Timer Plugin
- Colorful Countdown Timer
- Beautiful & Lightweight Countdown Plugin
- Cool Countdown Timer
- Final Countdown - Simple Date Countdown Plugin
Basic Usage:
1. Include jQuery library and jQuery kkcountdown plugin on the page
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/kkcountdown.js" type="text/javascript"></script>
2. Markup Html structure. Use data-time to define a time node which you want to count down. Please note that the timestamp must be converted into Unix epoch time format using this online tool.
<span data-time="1392145200" class="kkcount-down"></span>
3. Call the plugin with options
<script type="text/javascript"> $(document).ready(function(){ $(".kkcount-down").kkcountdown({ dayText : ' ', // Text displayed after certain number of days included in countdown daysText : ' ', // Text displayed after certain number of days included in countdown hoursText : ':', minutesText : ':', secondsText : '', displayZeroDays : false, // Displaying the number of days when number of days is 0. callback : function() { $("odliczanie-a").css({'background-color':'#fff',color:'#333'}); }, addClass : '' }); }); </script>
This awesome jQuery plugin is developed by KrzysiekF. For more Advanced Usages, please check the demo page or visit the official website.