利用JavaScript制作倒计时牌

类别:网站制作 点击:0 评论:0 推荐:

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

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

 <!--倒计时javascript begin-->
 <script language="javascript">
 <!-- 
 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>
<!--倒计时javascript end-->

本文地址:http://com.8s8s.com/it/it31416.htm