登录 | 注册 | FAQ
Anonymous

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

+ 发表回复

2 篇帖子 分页: 1 / 1


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

Dokalan » 周六 10月 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
  • 注册: 周六 10月 31, 2015 7:39 pm

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

Chudak133 » 周日 12月 11, 2016 5:28 pm

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

вместо : <span class='newyear1'>С Новым годом!!!</span>
Код картинки.
头像

Chudak133

  • 帖子: 2
  • 注册: 周日 12月 11, 2016 5:24 pm


+ 发表回复

分页: 1 / 1