Simple jQuery Countdown Timer Plugin - kkcountdown
| File Size: | 323KB |
|---|---|
| Views Total: | 6357 |
| 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.










