» »

Счетчик времени до нового года на сайте

Счетчик времени до нового года на сайте

Это отчет времени в днях с начало, потом будет в часах, и все можно поставить на ваш сайт в удобное для портала место, чтоб видели. Ставить его нужно с 14 декабря, так как в скрипт операторы выставлены на этот день, но вы здесь сами можете добавить больше. Он сам скрипт создан без JavaScript, на простых операторах. Где просто будет написано как пример "11 дней до нового года" но когда пойдет на часы, там уже по времени.

Можно поставить на главную страницу на видное место. Так он по умолчанию настроен под простой шрифт, здесь нет не чего цветного, но как увидите код, и поймете, что можно и цвет выставить на каждый день, но здесь все пожеланию. Просто у его то светлый стиль интернет ресурса, а у кого то темный и цветовая гамма должна безусловно видна быть.

Переходим к установке:

Это простое решение, ставим там где считаете нужным.

Код
<?if($DATE$='14.12.2016')?>17 дней до нового года<?endif?>  
<?if($DATE$='15.12.2016')?>16 дней до нового года<?endif?>  
<?if($DATE$='16.12.2016')?>15 дней до нового года<?endif?>  
<?if($DATE$='17.12.2016')?>14 дней до нового года<?endif?>  
<?if($DATE$='18.12.2016')?>13 дней до нового года<?endif?>  
<?if($DATE$='19.12.2016')?>12 дней до нового года<?endif?>  
<?if($DATE$='20.12.2016')?>11 дней до нового года<?endif?>  
<?if($DATE$='21.12.2016')?>10 дней до нового года<?endif?>  
<?if($DATE$='22.12.2016')?>9 дней до нового года<?endif?>  
<?if($DATE$='23.12.2016')?>8 дней до нового года<?endif?>  
<?if($DATE$='24.12.2016')?>7 дней до нового года<?endif?>  
<?if($DATE$='25.12.2016')?>6 дней до нового года<?endif?>  
<?if($DATE$='26.12.2016')?>5 дней до нового года<?endif?>  
<?if($DATE$='27.12.2016')?>4 дня до нового года<?endif?>  
<?if($DATE$='28.12.2016')?>3 дня до нового года<?endif?>  
<?if($DATE$='29.12.2016')?>2 дня до нового года<?endif?>  
<?if($DATE$='30.12.2016')?>1 день до нового года<?endif?>  
<?if($DATE$='31.12.2016')?>  
<?if($HOUR$='0')?>23 часа до нового года<?endif?>  
<?if($HOUR$='1')?>22 часа до нового года<?endif?>  
<?if($HOUR$='2')?>21 час до нового года<?endif?>  
<?if($HOUR$='3')?>20 часов до нового года<?endif?>  
<?if($HOUR$='4')?>29 часов до нового года<?endif?>  
<?if($HOUR$='5')?>18 часов до нового года<?endif?>  
<?if($HOUR$='6')?>17 часов до нового года<?endif?>  
<?if($HOUR$='7')?>16 часов до нового года<?endif?>  
<?if($HOUR$='8')?>15 часов до нового года<?endif?>  
<?if($HOUR$='9')?>14 часов до нового года<?endif?>  
<?if($HOUR$='10')?>13 часов до нового года<?endif?>  
<?if($HOUR$='11')?>12 часов до нового года<?endif?>  
<?if($HOUR$='12')?>11 часов до нового года<?endif?>  
<?if($HOUR$='13')?>10 часов до нового года<?endif?>  
<?if($HOUR$='14')?>9 часов до нового года<?endif?>  
<?if($HOUR$='15')?>8 часов до нового года<?endif?>  
<?if($HOUR$='16')?>7 часов до нового года<?endif?>  
<?if($HOUR$='17')?>6 часов до нового года<?endif?>  
<?if($HOUR$='18')?>5 часов до нового года<?endif?>  
<?if($HOUR$='19')?>4 часа до нового года<?endif?>  
<?if($HOUR$='20')?>3 часа до нового года<?endif?>  
<?if($HOUR$='21')?>2 часа до нового года<?endif?>  
<?if($HOUR$='22')?>1 час до нового года<?endif?>  
<?if($HOUR$='23')?>Меньше часа до нового года!<?endif?><?endif?>  
<?if($DATE$='01.01.2017')?>С новым 2017 годом!<?endif?>


Но также есть и на JavaScript, который также отчитывать будет. А здесь будет так выводить "До нового года осталось 11 дней!" также в шрифте как на сайте.

Отсчет дней до нового года для uCoz на JavaScrip

Код
<script type="text/javascript" language="JavaScript">  
function daysLeftNewYear() {  
  today = new Date()  
  //Можно установить любую дату  
  nextDate = new Date("December 31, 2016")  
  //Количество миллисекунд в одном дне  
  msPerDay = 24*60*60*1000;  
  //Высчитываем количество дней  
  daysLeft = Math.round((nextDate.getTime() - today.getTime())/msPerDay);  
  dayname = ""  
  ds = ""+daysLeft  
  //Вырезаем последнею цифру  
  dd=parseInt(ds.substr(ds.length-1))  
  //Склоняем слово ДЕНЬ  
  if(daysLeft>4&&daysLeft<21)dayname=" дней"  
  else  
  if(dd==1)dayname=" день"  
  else  
  if(dd==2||dd==3||dd==4)dayname=" дня"  
  else dayname=" дней"  
  //Выводим надпись в документ  
  if(daysLeft<0) {document.write("С новым годом!!!")}  
  else {  
  if(daysLeft==0) {document.write("Завтра новый год!")} else {  
  document.write("До нового года осталось "+daysLeft+dayname+"!")}  
  }  
}  
</script>  
<script type="text/javascript" language="JavaScript">daysLeftNewYear()</script>


Но здесь есть плюс, вы можете его редактировать и под любой праздник настраивать, в самом скрипте только меняем праздники и название и можно его ставить, здесь настроен под новогодний день.

PS - вам представлена 2 варианта на вывод до конкретной даты, что можете выбрать, какой вам больше нравится. Но и главное, оба кода были проверены и полностью работают, и выводят все как нужно.
20.12.2016 Просмотров: 1180 Комментарий: (12)

Поделиться в социальных сетях

Материал разместил

Комментарий: 12
FeStemBer
FeStemBer 20.12.2016 04:221
0
Пошла мука на Тобольск) сразу видно, что скоро праздник и скрипты появляются на эту тематику.
Kosten
Kosten 20.12.2016 04:364
0
Но с каждым годом все больше скриптов появляется, но в этом году только вообще один новый скрипт на сайте. Остальные старые с прошлого года и все же актуальные они остаются.
Kolinkor
Kolinkor 20.12.2016 04:292
0
Но если идет одним шрифтом, то или нужно в горизонтальное меню ставить или на стилях рамку сделать, что больше на счетчик подойдет. Но кому то на темный дизайн цветным сделать, так как на светлом не очень будет, если не увеличить только.
Kosten
Kosten 20.12.2016 04:343
0
Так и в описание писал, что можно поменять гамму, но и поставить как увеличенный шрифт или жирный, все же можно сделать. Просто не стал изначально делать, а прописал, так как сами решите как лучше.
Kolinkor
Kolinkor 20.12.2016 04:546
0
Цитата Brung ()
Так и в описание писал, что можно поменять гамму, но и поставить как увеличенный шрифт или жирный, все же можно сделать. Просто не стал изначально делать, а прописал, так как сами решите как лучше.

Так это понятно, что можно и шире сделать и добавить, просто сейчас поставить. но если бы не знал где стоит, то не заметил этот счетчик.
tsakonter
tsakonter 20.12.2016 04:415
0
Лучше сразу бы табло, шучу, так нормально, но что то первый большой, не будет грузить. Хотя с другой стороны, они все временны. А вот за второй спасибо, если его можно настроить, то к примеру на акцию, что такого то заканчивается и счетчик, круто смотреться должно.
Советник
Советник 20.12.2016 04:567
0
Вот JavaScript хоть и грузить больше будет, но он точно лучше тем, что его можно пременить в другой теме.
Kolinkor
Kolinkor 20.12.2016 05:008
0
От куда такая информация, то второй скрипт будет грузить больше первого. Что только согласен, что они оба будут делать нагрузку, хоть и будет возможно небольшой.
Kosten
Kosten 20.12.2016 05:039
0
Нужно было его выделить в отдельный материал, как разнообразный по своей работе.
Canon
Canon 21.12.2016 01:3010
0
На uCoz вообще не встречал красивый счетчик, на стилях его можно думаю сделать, но здесь обаода хватит и красиво должно смотреться. Что по второму скрипту, то больше понравился, просто не очень люблю большие скрипты, хоть и на время ставит на сайт.
XemorDio
XemorDio 22.12.2016 11:1211
0
Установил себе, спасибо! 26a
Kosten
Kosten 22.12.2016 22:3912
0
Как то приближает следующий год, чтоб всегда быть в курсе, сколько там дней или часов осталось до праздника.)
avatar