利用JavaScript制作倒计时牌 - 王朝网络宽屏版

五一劳动节很快就到了。哈哈，到时可以出去好好玩一玩了。是不是在掐指计算了。下面教你一种方法在网页上面制作倒计时牌，这样就方便多了。

把下面的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天和过去后的提示语，也都可以修改。

<!--

function DigitalTime1()

{

var deadline= new Date("08/13/2004") //开幕倒计时

var symbol="雅典奥运会"

var now = new Date()

var diff = -480 - now.getTimezoneOffset() //是北京时间和当地时间的时间差

var leave = (deadline.getTime() - now.getTime()) + diff*60000

var day = Math.floor(leave / (1000 * 60 * 60 * 24))

var hour = Math.floor(leave / (1000*3600)) - (day * 24)

var minute = Math.floor(leave / (1000*60)) - (day * 24 *60) - (hour * 60)

var second = Math.floor(leave / (1000)) - (day * 24 *60*60) - (hour * 60 * 60) - (minute*60)

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 = "<font class=fon1>距"+symbol+"还有<font color=FF0000>"+day+"</font>天</font>"

setTimeout("DigitalTime1()",1000)

}

if (day<0) //已经开幕

{

//LiveClock1.innerHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒"

LiveClock1.innerHTML = "<font class=fon1>"+symbol+"开幕已有<font class=fon2>"+day_2+"</font>天</font>"

setTimeout("DigitalTime1()",1000)

}

if (day==0) //正在开幕

{

//LiveClock1.innerHTML = "现在"+symbol+"天"

LiveClock1.innerHTML = "<font class=fon1>2004雅典奥运会今天开幕</font>"

setTimeout("DigitalTime1()",1000)

}

if (day<0 & day_2>19) //奥运会结束

{

//LiveClock1.innerHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒"

LiveClock1.innerHTML = "<font class=fon1>2004雅典奥运会已全部结束</font>"

setTimeout("DigitalTime1()",1000)

}

// -->

</script>