Вход | Регистрация | FAQ
Anonymous

Таймер обратного отсчёта до наступления события

+ Ответить

Сообщений: 2 Страница 1 из 1


Таймер обратного отсчёта до наступления события

Dokalan » Сб окт 31, 2015 7:43 pm

Здравствуйте! Вот нашёл в инете код таймера обратного отсчёта
"До Нового Года осталось..."
Я ещё не сильно умею во всём этом разбираться. Помогите, пожалуйста мне его настроить.
Как сделать так, чтобы после того, как таймер дойдёт до нужного времени, вместо надписи
"С НОВЫМ ГОДОМ!!!" открылась нужная картинка?

Код: Выделить всё
<center><div align="center" style="padding:2px; border: 1px dashed white; width: 155px;">
<a href="http://bloggood.ru"><img src="http://bloggood.ru/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>
Аватара пользователя

Dokalan

  • Сообщения: 1
  • Зарегистрирован: Сб окт 31, 2015 7:39 pm

Re: Таймер обратного отсчёта до наступления события

Chudak133 » Вс дек 11, 2016 5:28 pm

Здесь :
else{
var displaystring="<span class='newyear1'>С Новым годом!!!</span>"
//alert("С Новым годом!!!")
}

вместо : <span class='newyear1'>С Новым годом!!!</span>
Код картинки.
Аватара пользователя

Chudak133

  • Сообщения: 2
  • Зарегистрирован: Вс дек 11, 2016 5:24 pm


+ Ответить

Страница 1 из 1