Нагуглил скрипт таймера с возможностью указать время старта и окончания.
Подскажите, плиз, как добавить, например, в <span class="milliseconds"></span> анимацию миллисекунд (00-99)?
(function($){
var date = new Date(),
month = date.getMonth();
day = date.getDate(),
weekDay = date.getDay(),
hours = {
start: new Date(date.getFullYear(), month, day),
end: new Date(date.getFullYear(), month, day)
};
hours.start.setHours(8);
hours.end.setHours(23);
function countDown(){
var date = new Date(),
countHours = ('0' + (hours.end.getHours() - date.getHours())).substr(-2),
countMinutes = ('0' + (59 - date.getMinutes())).substr(-2),
countSeconds = ('0' + (59 - date.getSeconds())).substr(-2);
if(date.getHours() < hours.start.getHours() || date.getHours() > hours.end.getHours()){
$('.countdown').hide();
} else if($('.countdown').not(':visible')){
$('.countdown').show();
}
$('.countdown .hours').text(countHours);
$('.countdown .minutes').text(countMinutes);
$('.countdown .seconds').html(countSeconds);
}
$(function(){
setInterval(function(){
countDown();
}, 1000);
});
})(jQuery);
<div class="countdown">
<span class="hours"></span>:<span class="minutes"></span>:<span class="seconds"></span>
</div>