Наш опрос
Вы добавили нас в закладки?
Всего ответов: 22
Случайный анекдот
87 Если соавторы научной статьи - академик, профессор и аспирант, значит писал ее аспирант.
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3181
Новых за месяц: 9
Новых за неделю: 2
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 2
С активностью: 168
Авторизованных: 3010

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



Хоть материал называется скриптом, но с коде отсчета времени до нового года нет ни одного яваскрипта - используются условные операторы и математические исчисления. Еще одним достоинством этого кода является склонение числительный (например 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 дня.

Html редактор
Автор: Prosvetekvator
Просмотров: 2528
03.11.2013


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Скрипт отсчет времени до нового года осталось След. »


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

Мини-чат
Топ пользователей
Новое на форуме








Комментарии