Новогодний таймер отсчёта времени

Всем, доброго времени суток. Сегодня у меня для вас 3 варианта таймера обратного отсчёта времени "До Нового года осталось..." Вроде, как и рано думать об украшении блога к новогодним праздникам, но таймер, думаю, самое время установить. Бывает, что в предпраздничной суете дотянешь до последнего момента.
А здесь всегда будет такая красивая напоминалка и для себя и для посетителей.

Очень много всевозможных вариантов в сети. Предлагаю совершенно готовый таймер в виде открытки на Javascript. Саму картинку можно поменять. Об этом будет ниже, а пока посмотрите как всё выглядит на этом тестовом блоге. Предложенный ниже код копируйте и устанавливайте в гаджет HTML/ Javascript  в любое место блога.

<center><div align="center" style="padding:2px; border: 4px double red; width: 200px;">
<a href="http://www.shpargalochki.ru/ "><img src="  http://znakzod.ru/wp-content/uploads/2015/09/%D0%BE%D0%B1%D0%B5%D0%B7-2016.jpg" border="0" /></a>
<div align="center" style="width: 200px;"><span style="font: 12pt sans-serif;  color: #F52753 ">До Нового Года
 <b><div align="center"><br />

<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></b></span></div></div></center><b></b>

В строке синего цвета указан адрес изображения. Поменяйте на свою картинку.

Также можно воспользоваться сторонними сайтами, которые предлагают готовые коды. Вот, к примеру, такой таймер от http://chasikov.net.ru/.

Готовый код.

<embed src="http://chasikov.net.ru/flash/widget/new-year.swf" width="250" height="66" wmode="transparent" type="application/x-shockwave-flash"></embed>

Новогоднюю тему этим постом я не заканчиваю. Есть ещё, что вам предложить. Время пока терпит. Ну а если уже подумываете об украшениях, вот здесь некоторые варианты оформления блога к празднику. И очень красивый новогодний пейзаж для блога.

И на этом заканчиваю. Спасибо всем за внимание. Приятных предстоящих хлопот. И удачи, конечно.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email