当前页面: 开发资料首页 → Javascript 专题 → 利用JavaScript制作倒计时牌

利用JavaScript制作倒计时牌

摘要: 利用JavaScript制作倒计时牌

<textarea readonly style="border:none;font-family:Courier New;line-height:150%;width:760px;overflow-y:visible">
　　五一劳动节很快就到了。哈哈，到时可以出去好好玩一玩了。是不是在掐指计算了。下面教你一种方法在网页上面制作倒计时牌，这样就方便多了。

　　把下面的JavaScript代码加入到< body >< /body >中即可。

< script language="JavaScript" >
var urodz= new Date("5/1/2002");
var s="今天离五一劳动节";
var now = new Date();
var ile = urodz.getTime() - now.getTime();
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
if (dni > 1)
document.write(""+s+"还有"+dni +"天")
else if (dni == 1)
document.write("只有2天啦！")
else if (dni == 0)
document.write("只有1天啦！")
else
document.write("好象已经过了哦！");
< /script >

注释：第2行是设置目标的日期，格式为"月/日/年"。第3行是设置提示语，可根据不同情况不同设置。后面还有剩下1天、2天和过去后的提示语，也都可以修改。

var deadline_2= new Date("08/13/2004") //开幕后计时
var symbol_2="8月13日"
var now_2 = new Date()
var diff_2 = -480 - now.getTimezoneOffset() //是北京时间和当地时间的时间差
var leave_2 = (now_2.getTime() - deadline_2.getTime()) + diff_2*60000
var day_2 = Math.floor(leave_2 / (1000 * 60 * 60 * 24))
var hour_2 = Math.floor(leave_2 / (1000*3600)) - (day_2 * 24)
var minute_2 = Math.floor(leave_2 / (1000*60)) - (day_2 * 24 *60) - (hour_2 * 60)
var second_2 = Math.floor(leave_2 / (1000)) - (day_2 * 24 *60*60) - (hour_2 * 60 * 60) - (minute_2*60)

day=day+1;
day_2=day_2+1;

if (day>0) //还未开幕
{
//LiveClock1.innerHTML = "现在"+symbol+"天"
LiveClock1.innerHTML = "距"+symbol+"还有"+day+"天"
setTimeout("DigitalTime1()",1000)
}

if (day<0) //已经开幕
{
//LiveClock1.innerHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒"
LiveClock1.innerHTML = ""+symbol+"开幕已有"+day_2+"天"
setTimeout("DigitalTime1()",1000)

}

if (day==0) //正在开幕
{
//LiveClock1.innerHTML = "现在"+symbol+"天"
LiveClock1.innerHTML = "2004雅典奥运会今天开幕"
setTimeout("DigitalTime1()",1000)
}

if (day<0 & day_2>19) //奥运会结束
{
//LiveClock1.innerHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒"
LiveClock1.innerHTML = "2004雅典奥运会已全部结束"
setTimeout("DigitalTime1()",1000)

}

}
//
</script>