В скрипте прописано сколько еще осталось до Нового года! В днях, часах, минутах и секундах! При этом информация обновляется каждую секунду! Очень простой скрипт для нового года, однако очень нужный!
Code
<CENTER> <script type="text/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> </CENTER>
А вот это нужно вставить в вашу таблицу стилей:
Code
.nonewyear{ color:#007aff; font: bold 12px MS Sans Serif; padding: 3px; } .newyear1{ color:red; font: bold 12px MS Sans Serif; padding: 3px; }