in.uCoz.org PDA design by Prosvetekvator
 
 
Форма входа

Старая форма входа
 
 
 
 
Категории
Шаблоны для uCoz [18]
Виды материалов [10]
Мини профили [7]
Мини чаты [8]
Виды комментариев [14]
Формы входа [3]
Информеры [33]
Украшения [16]
Меню сайта [5]
Кнопки [27]
Шапки сайта [3]
Медиа [19]
Переключатели [8]
Разное [65]
Формы поиска [9]
Скрипты [46]
Игры на сайт [6]
Аякс (Ajax) окна [1]
PHP скрипты [3]
 
 
 
 
Материал
Главная » 2013 » Ноябрь » 3 » Скрипт отсчет времени до нового года осталось
« Предидущий | ID: 295 | Следующий »

21:06
Скрипт отсчет времени до нового года осталось


Хоть материал называется скриптом, но с коде отсчета времени до нового года нет ни одного яваскрипта - используются условные операторы и математические исчисления. Еще одним достоинством этого кода является склонение числительный (например 1 день, 2 дня и т.д.)

Установка:
В ксс сохраняем стили:
Код
.colorpicker {
font-size:120%;
text-decoration:none;
animation-name: dscocolor;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 10s;
animation-direction: alternate;
-moz-animation-name: dscocolor;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 10s;
-moz-animation-direction: alternate;
-webkit-animation-name: dscocolor;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 10s;
-webkit-animation-direction: alternate;
-o-animation-name: dscocolor;
-o-animation-timing-function: linear;
-o-animation-iteration-count: infinite;
-o-animation-duration: 10s;
-o-animation-direction: alternate;
-ms-animation-name: dscocolor;
-ms-animation-timing-function: linear;
-ms-animation-iteration-count: infinite;
-ms-animation-duration: 10s;
-ms-animation-direction: alternate;
}
@-moz-keyframes dscocolor {
0% { color: blue; }
20% { color: red; }
40% { color: green; }
60% { color: black; }
80% { color: indigo; }
100% { color: gold; }
}
@-webkit-keyframes dscocolor {
0% { color: blue; }
20% { color: red; }
40% { color: green; }
60% { color: black; }
80% { color: indigo; }
100% { color: gold; }
}
@-o-keyframes dscocolor {
0% { color: blue; }
20% { color: red; }
40% { color: green; }
60% { color: black; }
80% { color: indigo; }
100% { color: gold; }
}
@-ms-keyframes dscocolor {
0% { color: blue; }
20% { color: red; }
40% { color: green; }
60% { color: black; }
80% { color: indigo; }
100% { color: gold; }
}
@keyframes dscocolor {
0% { color: blue; }
20% { color: red; }
40% { color: green; }
60% { color: black; }
80% { color: indigo; }
100% { color: gold; }
}


На страницах, где хотите видеть отсчет времени сохраняем код:
Код
<b><p align="center"><span class="colorpicker" align="center">
До нового года  
<?if($MONTH$=1)?><?if((365-$DAY$)%10=0||(365-$DAY$)%10>4||(365-$DAY$)%100>10&&(365-$DAY$)%100<15)?>осталось<?else?><?if((365-$DAY$)%10=1)?>остался<?else?>осталось<?endif?><?endif?> <? 365-$DAY$ ?> <?if((365-$DAY$)%10=0||(365-$DAY$)%10>4||(365-$DAY$)%100>10&&(365-$DAY$)%100<15)?>дней<?else?><?if((365-$DAY$)%10=1)?>день<?else?>дня<?endif?><?endif?><?endif?>
<?if($MONTH$=2)?><?if((334-$DAY$)%10=0||(334-$DAY$)%10>4||(334-$DAY$)%100>10&&(334-$DAY$)%100<15)?>осталось<?else?><?if((334-$DAY$)%10=1)?>остался<?else?>осталось<?endif?><?endif?> <? 334-$DAY$ ?> <?if((334-$DAY$)%10=0||(334-$DAY$)%10>4||(334-$DAY$)%100>10&&(334-$DAY$)%100<15)?>дней<?else?><?if((334-$DAY$)%10=1)?>день<?else?>дня<?endif?><?endif?><?endif?>
<?if($MONTH$=3)?><?if((306-$DAY$)%10=0||(306-$DAY$)%10>4||(306-$DAY$)%100>10&&(306-$DAY$)%100<15)?>осталось<?else?><?if((306-$DAY$)%10=1)?>остался<?else?>осталось<?endif?><?endif?> <? 306-$DAY$ ?> <?if((306-$DAY$)%10=0||(306-$DAY$)%10>4||(306-$DAY$)%100>10&&(306-$DAY$)%100<15)?>дней<?else?><?if((306-$DAY$)%10=1)?>день<?else?>дня<?endif?><?endif?><?endif?>
<?if($MONTH$=4)?><?if((275-$DAY$)%10=0||(275-$DAY$)%10>4||(275-$DAY$)%100>10&&(275-$DAY$)%100<15)?>осталось<?else?><?if((275-$DAY$)%10=1)?>остался<?else?>осталось<?endif?><?endif?> <? 275-$DAY$ ?> <?if((275-$DAY$)%10=0||(275-$DAY$)%10>4||(275-$DAY$)%100>10&&(275-$DAY$)%100<15)?>дней<?else?><?if((275-$DAY$)%10=1)?>день<?else?>дня<?endif?><?endif?><?endif?>
<?if($MONTH$=5)?><?if((245-$DAY$)%10=0||(245-$DAY$)%10>4||(245-$DAY$)%100>10&&(245-$DAY$)%100<15)?>осталось<?else?><?if((245-$DAY$)%10=1)?>остался<?else?>осталось<?endif?><?endif?> <? 245-$DAY$ ?> <?if((245-$DAY$)%10=0||(245-$DAY$)%10>4||(245-$DAY$)%100>10&&(245-$DAY$)%100<15)?>дней<?else?><?if((245-$DAY$)%10=1)?>день<?else?>дня<?endif?><?endif?><?endif?>
<?if($MONTH$=6)?><?if((214-$DAY$)%10=0||(214-$DAY$)%10>4||(214-$DAY$)%100>10&&(214-$DAY$)%100<15)?>осталось<?else?><?if((214-$DAY$)%10=1)?>остался<?else?>осталось<?endif?><?endif?> <? 214-$DAY$ ?> <?if((214-$DAY$)%10=0||(214-$DAY$)%10>4||(214-$DAY$)%100>10&&(214-$DAY$)%100<15)?>дней<?else?><?if((214-$DAY$)%10=1)?>день<?else?>дня<?endif?><?endif?><?endif?>
<?if($MONTH$=7)?><?if((184-$DAY$)%10=0||(184-$DAY$)%10>4||(184-$DAY$)%100>10&&(184-$DAY$)%100<15)?>осталось<?else?><?if((184-$DAY$)%10=1)?>остался<?else?>осталось<?endif?><?endif?> <? 184-$DAY$ ?> <?if((184-$DAY$)%10=0||(184-$DAY$)%10>4||(184-$DAY$)%100>10&&(184-$DAY$)%100<15)?>дней<?else?><?if((184-$DAY$)%10=1)?>день<?else?>дня<?endif?><?endif?><?endif?>
<?if($MONTH$=8)?><?if((153-$DAY$)%10=0||(153-$DAY$)%10>4||(153-$DAY$)%100>10&&(153-$DAY$)%100<15)?>осталось<?else?><?if((153-$DAY$)%10=1)?>остался<?else?>осталось<?endif?><?endif?> <? 153-$DAY$ ?> <?if((153-$DAY$)%10=0||(153-$DAY$)%10>4||(153-$DAY$)%100>10&&(153-$DAY$)%100<15)?>дней<?else?><?if((153-$DAY$)%10=1)?>день<?else?>дня<?endif?><?endif?><?endif?>
<?if($MONTH$=9)?><?if((122-$DAY$)%10=0||(122-$DAY$)%10>4||(122-$DAY$)%100>10&&(122-$DAY$)%100<15)?>осталось<?else?><?if((122-$DAY$)%10=1)?>остался<?else?>осталось<?endif?><?endif?> <? 122-$DAY$ ?> <?if((122-$DAY$)%10=0||(122-$DAY$)%10>4||(122-$DAY$)%100>10&&(122-$DAY$)%100<15)?>дней<?else?><?if((122-$DAY$)%10=1)?>день<?else?>дня<?endif?><?endif?><?endif?>
<?if($MONTH$=10)?><?if((92-$DAY$)%10=0||(92-$DAY$)%10>4||(92-$DAY$)%100>10&&(92-$DAY$)%100<15)?>осталось<?else?><?if((92-$DAY$)%10=1)?>остался<?else?>осталось<?endif?><?endif?> <? 92-$DAY$ ?> <?if((92-$DAY$)%10=0||(92-$DAY$)%10>4||(92-$DAY$)%100>10&&(92-$DAY$)%100<15)?>дней<?else?><?if((92-$DAY$)%10=1)?>день<?else?>дня<?endif?><?endif?><?endif?>
<?if($MONTH$=11)?><?if((61-$DAY$)%10=0||(61-$DAY$)%10>4||(61-$DAY$)%100>10&&(61-$DAY$)%100<15)?>осталось<?else?><?if((61-$DAY$)%10=1)?>остался<?else?>осталось<?endif?><?endif?> <? 61-$DAY$ ?> <?if((61-$DAY$)%10=0||(61-$DAY$)%10>4||(61-$DAY$)%100>10&&(61-$DAY$)%100<15)?>дней<?else?><?if((61-$DAY$)%10=1)?>день<?else?>дня<?endif?><?endif?><?endif?>
<?if($MONTH$=12)?><?if((31-$DAY$)%10=0||(31-$DAY$)%10>4||(31-$DAY$)%100>10&&(31-$DAY$)%100<15)?>осталось<?else?><?if((31-$DAY$)%10=1)?>остался<?else?>осталось<?endif?><?endif?> <? 31-$DAY$ ?> <?if((31-$DAY$)%10=0||(31-$DAY$)%10>4||(31-$DAY$)%100>10&&(31-$DAY$)%100<15)?>дней<?else?><?if((31-$DAY$)%10=1)?>день<?else?>дня<?endif?><?endif?><?endif?>!!!</span></p></b>


P.s.
Добавил еще склонение слова "осталось" напимер - остался 51 день или осталось 52 дня.

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
 
 
 
 
Статистика
Вверх | меню | пользователи
Онлайн всего: 23
Гостей: 23
Пользователей: 0
 
 
Полная версия сайта