Главная » Эффекты для сайта » Скрипт “до Нового Года осталось…”

Скрипт “до Нового Года осталось…”

2012-12-24 / Вр:11:23 / просмотров: 34909

Вот и приближается Новый Год. Знаю, что опоздал со скриптом, но, думаю, он вам пригодится, так как этот скрипт делает отсчет времени не только к Новому Году, а также к 8 марта, Рождеству, концу Света, Дню рождения сайта или тещи, и т.д.
Преимущества скрипта: он написан на JavaScript для отсчета даты, в нем прописаны склонения слова «день». В скрипте выводится три вида надписи:

1. До нового года осталось **** дней

2. Завтра новый год!

3. С новым годом!!!

Естественно, вы можете поменять текст на такой, какой вам нравится.
Меняется текст в коде здесь (менять только текст, который находиться в лапках, при этом, лапки оставляем) (смотри строку 26):

//Выводим надпись в документ

if(daysLeft<0) {document.write("С новым годом!!!")}

else {

if(daysLeft==0) {document.write("Завтра новый год!")} else {

document.write("До нового года осталось "+daysLeft+dayname+"!")}

}

Также можно указать свою дату и месяц. Меняется это здесь (смотри строку 10):

//Можно установить любую дату

nextDate = new Date("January 1, 2013")

January – месяц
1 – число
2013 – год.

Для тех, кто не знает месяца на англ., пишу, может пригодится, ведь еще впереди Рождество и 8 марта:

Январь – January
Февраль – February
Март – March
Апрель – April
Май – May
Июнь – June
Июль – July
Август – August
Сентябрь – September
Октябрь – October
Ноябрь – November
Декабрь – December

Примерно это будет выглядеть вот так:
До нового года осталось 7 дней!

Вот, собственно говоря, и код JavaScript отсчета времени или «до нового года осталось…»

1). скрипт.

<html>
<head>
<title>Скрипт показывает сколько дней осталось до нового года</title>
</head>
<body>
<script ENGINE="text/javascript" language="JavaScript">
function daysLeftNewYear() {
 today = new Date()
 //Можно установить любую дату
 nextDate = new Date("January 1, 2013")
 //Количество миллисекунд в одном дне
 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>

</body>
</html>

Вот еще один скрипт отсчета времени, написан тоже на JavaScript. Только в этом скрипте выводятся не только дни, но и часы, минуты и даже секунды.

Примерно это будет выглядеть вот так:

До нового года осталось: 7дн. 09ч. 39мин. 35сек.

В этом скрипте можно установить любую дату (см. строку 7).
var newYear=new Date("January,1,2013,00:00:00");

Поменять текст сообщения при окончании даты (см. строка 31)

document.getElementById("clock").innerHTML="C НОВЫМ ГОДОМ !!!";

Вот, собственно говоря, и код JavaScript отсчета времени или «до нового года осталось…»

2). скрипт.

<html>
<head>
<script type="text/javascript">
function fulltime ()
{
var time=new Date();
var newYear=new Date("January,1,2013,00:00:00");
var totalRemains=(newYear.getTime()-time.getTime());

if (totalRemains>1){

var RemainsSec = (parseInt(totalRemains/1000));//сколько всего осталось секунд
var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));//осталось дней
var secInLastDay=RemainsSec-RemainsFullDays*24*3600; //осталось секунд в неполном дне
var RemainsFullHours=(parseInt(secInLastDay/3600));//осталось часов в неполном дне
if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
var secInLastHour=secInLastDay-RemainsFullHours*3600;//осталось секунд в неполном часе
var RemainsMinutes=(parseInt(secInLastHour/60));//осталось минут в неполном часе
if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
var lastSec=secInLastHour-RemainsMinutes*60;//осталось секунд
if (lastSec<10){lastSec="0"+lastSec};

document.getElementById("RemainsFullDays").innerHTML=RemainsFullDays+"дн. ";
document.getElementById("RemainsFullHours").innerHTML=RemainsFullHours+"ч. ";
document.getElementById("RemainsMinutes").innerHTML=RemainsMinutes+"мин. ";
document.getElementById("lastSec").innerHTML=lastSec+"сек. ";
setTimeout('fulltime()',10)
}

else{
document.getElementById("clock").innerHTML="C НОВЫМ ГОДОМ !!!";
}
}
</script>
</head>
<body>
<span id="clock">До нового года осталось:
<b><span id="RemainsFullDays"></span></b>
<b><span id="RemainsFullHours"></span></b>
<b><span id="RemainsMinutes"></span></b>
<b><span id="lastSec"></span></b>
</span>

<script type="text/javascript">fulltime();</script>
</body>
</html>

Вот еще один JavaScript отсчета времени для сайта.
В этом скрипте добавляется поздравительная открытка.

До нового года осталось: 7дн. 09ч. 39мин. 35сек.

3). скрипт.

<html>
<head>
</head>
<body>
<center><div align="center" style="padding:2px; border: 1px dashed white; width: 155px;">
<a href=""><img src="/wp-content/uploads/2012/12/Novi-God.jpg" border="0"></a>
<div align="center" style="width: 140px;"><span style="color:#сс0000">
 <b><div align="center">

<script Language="javascript">
function cdtime(container, targetdate){
 if (!document.getElementById || !document.getElementById(container)) return
 this.container=document.getElementById(container)
 this.currentTime=new Date()
 this.targetdate=new Date(targetdate)
 this.timesup=false
 this.updateTime()
 }
 cdtime.prototype.updateTime=function(){
 var thisobj=this
 this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
 setTimeout(function(){thisobj.updateTime()}, 1000)
 }
 cdtime.prototype.displaycountdown=function(baseunit, functionref){
 this.baseunit=baseunit
 this.formatresults=functionref
 this.showresults()
 }
 cdtime.prototype.showresults=function(){
 var thisobj=this
 var timediff=(this.targetdate-this.currentTime)/1000
 if (timediff<0){
 this.timesup=true
 this.container.innerHTML=this.formatresults()
 return
 }
 var oneMinute=60
 var oneHour=60*60
 var oneDay=60*60*24
 var dayfield=Math.floor(timediff/oneDay)
 var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
 var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
 var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
 if (this.baseunit=="hours"){
 hourfield=dayfield*24+hourfield
 dayfield="n/a"
 }
 else if (this.baseunit=="minutes"){
 minutefield=dayfield*24*60+hourfield*60+minutefield
 dayfield=hourfield="n/a"
 }
 else if (this.baseunit=="seconds"){
 var secondfield=timediff
 dayfield=hourfield=minutefield="n/a"
 }
 this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
 setTimeout(function(){thisobj.showresults()}, 1000)
 }
 function formatresults2(){
 if (this.timesup==false){
 var displaystring="<span class='nonewyear'>"+arguments[0]+" Дней "+arguments[1]+" Часов<br>"+arguments[2]+" Минут "+arguments[3]+" Секунд</span> "
 }
 else{
 var displaystring="<span class='newyear1'>С Новым годом!!!</span>"
 //alert("С Новым годом!!!")
 }
 return displaystring
 }
 </script>

 <div id="countdowncontainer2"></div>
 <script type="text/javascript">
 var currentyear=new Date().getFullYear()
 var thischristmasyear=(new Date().getMonth()==0 && new Date().getDate()==1)? currentyear : currentyear + 1
 var christmas=new cdtime("countdowncontainer2", "january 1, "+thischristmasyear+" 0:0:00")
 christmas.displaycountdown("days", formatresults2)
</script></div></div></center><b></span>

</body>
</html>

Предложение: вы можете поэкспериментировать со скриптами. А именно... вы можете сделать так, чтобы на Новый Год или на другой праздник автоматически по дате выскакивала поздравительная открытка. Экспериментируйте!
По теме "Обратный отсчет времени для сайта" у меня все. Если что-то не получается, пишите и быстренько устанавливайте скрипт, может, до Нового Года как раз успеете.

С наступающими вас праздниками.
Написал я этот пост 24 декабря 2012г. Вр15:23. Уточнил это для тех, кто зайдет на эту страницу весной, чтобы не подумали о мне ничего лишнего :mrgreen: .