KK Countdown – JQuery Plugin
Posted on 24 maja 2010 in JQuery Plugins by Krzysiek Furtak
Countdown, JQuery, odliczanie czasu, Plugin
GD Star Rating
loading...
Aktualna wersja: 1.2
Data wydania: 24.06.2010r.
Autor: Krzysztof Furtak
Opis: Plugin kk countdown odlicza czas do wybranych dat w przyszłości.
Demo: TUTAJ
Install KK Countdown:
1. In a page header following files should be included:
<script src="lib/jquery_1_4_2.js" type="text/javascript"></script>
- plugin – kk_countdown_1_2_jquery_min.js
<script src="js/kk_countdown_1_1_jquery_min.js" type="text/javascript"></script>
2. Once a webpage is uploaded, we launch plugin countdown with the below code:
<script type="text/javascript">
$(document).ready(function(){
$("body").kkCountDown();
});
</script>
3. Next, we need to place SPAN tag which consists of at least two below mentioned attributes:
- class – kkcount-down
- time – in this case the value indicates the date. This attribute needs to be expressed in digits only
<span time="1325372400" class="kkcount-down"></span>
This tag can be put in a random place on the webpage.
Available options:
| Key: |
Default value: |
Description: |
| dayText |
‘day’ |
Text displayed after certain number of days included in countdown (when number days = 1) |
| daysText |
‘days’ |
Text displayed after certain number of days included in countdown |
| colorText |
‘#000000′ |
Font colour |
| colorTextDay |
‘#cf0000′ |
Font colour changes if there is less than 24 hours untill the end of countdown |
| afterCount |
‘—’ |
Text is displayed after the countdown is over (quantity is not take into consideration if it is set up as ‘callback’ option) |
| displayDays |
true |
Displaying the number of days remaining till the end of countdown: true- the number of days is displayed, false- the number of days is not displayed |
| addClass |
false |
Adding a class to markers indicating countdown (e.g. indicated the name of call e.g. ‘class-name’) |
| callback |
false |
Indicate the name of fucntion which should be launched after the end of countdown (e.g. my Function) |
Plugin Changelog:
v 1.2
- NEW: Function added allows to adjust the settings.
- CHANGE: Minor changes have been made in the script which protect against conflicts with other page elements.
v 1.1
- CHANGE: Improved countdown script which is more efficient and works much faster.
- CHANGE: Change of the atribute needed for the script to work properly. Instead of ID we should not use only appropriate class.
v 1.0 BETA:
- NEW: possibility to add as many dates as you wish till which time will be counted
- NEW: If there are less than 24 hours left to a particular day, digits will start glowing in red
Download:
KK Countdown - JQuery Plugin, 4.7 out of 5 based on 18 ratings
Da się ustawić tylko wysokie liczby – jeśli chcę zrobić odliczanie tylko na kilka dni to zamiast licznika otrzymuję wynik „—”.
KKProgressbar2 :: New version of the plugin (v2.0.2) is already available - http://t.co/D1sE23qI
(11 days ago)
catalin cimpanu
25 maja 201013:40
What is the license of this plugin?
Creative Commons, Mit, GPL, BSD ?
loading...
Krzysiek Furtak
25 maja 201016:41
License – GNU GPL.
But, of course, you can use this plugin for your commercial projects.
loading...