Обратный отсчёт до нужной даты на jQuery - Скрипты для uCoz | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Воскресенье, 04.12.2016
Скрипты для uCoz » Счётчик для сайта uCoz » Обратный отсчёт до нужной даты на jQuery

Аудиоплеер для сайта uCozАудиоплеер с плейлистом для сайта
Видеоплеер для сайта uCozВидеоплеер с плейлистом для сайта
Меню для сайта uCozВертикальное меню для сайта uCoz
Выпадающее меню для сайта uCozГоризонтальное меню для сайта uCoz
Круглое меню для сайта uCozВид материалов для сайта uCoz
Вид материалов Аудио для uCozВид материалов Видео для uCoz
Галерея для сайта uCozГенераторы для сайта uCoz
Контейнер для контентаКнопки для сайта uCoz
Слайдер для сайта uCozСчётчик для сайта uCoz
Часы для сайта uCozТекстовые эффекты
Таблица цветов для сайта uCozЭффекты для сайта uCoz
Эффекты курсораЭффекты увеличения
Мини чат для сайта uCozРадио для сайта uCoz
Скрипты для юКозИгры для сайта uCoz
Окна для сайта uCozИнформеры для сайта uCoz
Флеш и анимации для сайтаКалендарь для сайта uCoz
Мониторинг серверов для ucozСлайдшоу для сайта uCoz



Адаптивный сайт - aTmpl



Обратный отсчёт до нужной даты на jQuery

Отсчёт дней, часов, минут и секунд до установленной даты




Скрипт отсчитывает время до даты установленной в настройках, результат выдаётся в виде количества дней, часов, минут и секунд.Установка даты производится в выделенной красным цветом зоне, дата устанавливается из расчёта максимального показа в 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(2013, 7 , 2),
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' ) + " <br />";
}
});
});
</script>
<div id="countdown"></div>



Библиотека jQuery для проверки скрипта в редакторе

Не устанавливайте этот скрипт если сайт на uCoz,его нужно вставить к имеющемуся коду примера для проверки в редакторе



<script type="text/javascript" src="http://s36.ucoz.net/src/jquery-1.7.2.js"></script>


Редактор для проверки кода из примера










Русские шрифты



Ссылка:
BB code:




  • ©
  • | Просмотров: 5336 | Добавил: IZOTOP | Рейтинг: 0.0/0

    Всего комментариев: 2
    0   Спам
    2 SOVET4IK   (10.05.2014 23:04)
    Аватар SOVET4IK Как его настроить кто потскажет? вот мой скайп andrei74512 wacko

    +1   Спам
    1 Admin9349   (01.08.2013 09:16)
    Аватар Admin9349 Неплохой скрипт, но к сожалению отсчет дней показывает только до 99.


    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]