Simple jQuery Countdown Timer Plugin - kkcountdown

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

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:

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.