Обратный счётчик для сайта ucoz.Счетчик времени до указанной даты
                                                                                                                                                                                
Приветствую Вас Гость | RSS
Меню
Главная » Файлы » Все для Ucoz » Скрипты для ucoz

Обратный счётчик для сайта ucoz.Счетчик времени до указанной даты

Скрипт отсчитывает время до даты установленной в настройках, результат выдаётся в виде количества дней, часов, минут и секунд.Установка даты производится в выделенной красным цветом зоне, дата устанавливается из расчёта максимального показа в 99 дней.Дата устанавливается в следующем порядке: 1 число - год, 2 число - месяц (январь=0 и т.д), 3 число - день.Для работы нужна установленная библиотека jQuery, на сайте uCoz она есть по умолчанию, для других сайтов нужно будет её установить.
Код

<style>
.countdownHolder{
width:450px;
margin:0 auto;
font: 40px/1.5 'Arial';
text-align:center;
letter-spacing:-3px;
}
.position{
display: inline-block;
height: 1.6em;
overflow: hidden;
position: relative;
width: 1.05em;
}
.digit{
position:absolute;
display:block;
width:1em;
background-color:#444;
border-radius:0.2em;
text-align:center;
color:#fff;
letter-spacing:-1px;
}
.digit.static{
box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);
background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.5, #3A3A3A),
color-stop(0.5, #444444)
);
}
.countDiv{
display:inline-block;
width:16px;
height:1.6em;
position:relative;
}
.countDiv:before,
.countDiv:after{
position:absolute;
width:5px;
height:5px;
background-color:#444;
border-radius:50%;
left:50%;
margin-left:-3px;
top:0.5em;
box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
content:'';
}
.countDiv:after{
top:0.9em;
}
</style>
<script src="http://delaisait.ucoz.ru/js/jQuery/plugin/countdown.js"></script>
<script>
$(function(){
var note = $('#note'),
ts = new Date(2014, 0 , 11),
newYear = true;
$('#countdown').countdown({
timestamp: ts,
callback: function(days, hours, minutes, seconds){
var message = "";
message += days + " day" + ( days==1 ? '':'s' ) + ", ";
message += hours + " hour" + ( hours==1 ? '':'s' ) + ", ";
message += minutes + " minute" + ( minutes==1 ? '':'s' ) + " and ";
message += seconds + " second" + ( seconds==1 ? '':'s' ) + "
";
}
});
});
</script>
<div id="countdown"></div>
Счетчик в рабочем состоянии:
 
/ --------------- \
/ Как нужно качать? \

Категория: Скрипты для ucoz | Просмотров: 1557 | Добавил: drak-zp | Рейтинг: 5.0/11 | Загрузок: 0


avatar


Профиль
Привет: Гость


Гость, мы рады вас видеть. Пожалуйста зарегестрируйтесь или авторизуйтесь!
Топ материалов
Статистика
Онлайн всего: 3
Гостей: 3
Пользователей: 0






Анализ веб сайтов
Друзья сайта
Хочу в друзья
Друзья сайта h1tan.ru Друзья сайта h1tan.ru
Друзья сайта h1tan.ru Друзья сайта h1tan.ru