»
EnglishFrenchVietnamese

Print - HTC-style JavaScript Countdown Timer with jQuery - JavaScriptBank.com

Full version: jsB@nk » Framework » jQuery » HTC-style JavaScript Countdown Timer with jQuery
URL: http://www.javascriptbank.com/htc-javascript-countdown-timer-with-jquery.html

HTC-style JavaScript Countdown Timer with jQuery © JavaScriptBank.comIf the JavaScript countdown timers are ever presented on jsB@nk still do not satisfy you: - Cool JavaScript Digital Countdown with jQuery - jQuery JavaScript Countdown Timer with Bar Display - Super Neat JavaScript Countdown TimerThen jsB@nk would like to show you new awesome JavaScript timer countdown, this script looks like HTC countdown timers (HTC is one famous smart-phone production company in Taiwan).JavaScript source code of this countdown timer is built on JavaScript jQuery framework, all you just need to include the source file then setup your own JavaScript timer countdown by a few lines of simple JavaScript codes.

Full version: jsB@nk » Framework » jQuery » HTC-style JavaScript Countdown Timer with jQuery
URL: http://www.javascriptbank.com/htc-javascript-countdown-timer-with-jquery.html



CSS
<link rel="stylesheet" type="text/css" href="style.css" />


JavaScript
<script src="/javascript/jquery.js" type="text/javascript"></script><script src="jquery.countdown.packed.js" type="text/javascript"></script><script type="text/javascript">$(function () {$('#countdown').countdown({until:$.countdown.UTCDate(-8, 2011,  1 - 1, 1), format: 'DHMS', layout: '<div id="timer">' + '<hr />'+'<div id="timer_days" class="timer_numbers">{dnn}</div>'+'<div id="timer_hours" class="timer_numbers">{hnn}</div>'+ '<div id="timer_mins" class="timer_numbers">{mnn}</div>'+'<div id="timer_seconds" class="timer_numbers">{snn}</div>'+'<div id="timer_labels">'+'<div id="timer_days_label" class="timer_labels">days</div>'+'<div id="timer_hours_label" class="timer_labels">hours</div>'+'<div id="timer_mins_label" class="timer_labels">mins</div>'+'<div id="timer_seconds_label" class="timer_labels">secs</div>'+'</div>'+'</div>'  });});</script>


HTML
<div id="countdown"></div>


Files
/javascript/framework/HTC_style_JavaScript_Countdown_Timer_with_jQuery/countdown1.png/javascript/framework/HTC_style_JavaScript_Countdown_Timer_with_jQuery/countdown2.png/javascript/framework/HTC_style_JavaScript_Countdown_Timer_with_jQuery/jquery.countdown.packed.js/javascript/framework/HTC_style_JavaScript_Countdown_Timer_with_jQuery/style.css