打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
倒计时的Javascript代码(有详细的代码注释)
 
倒计时的Javascript代码(有详细的代码注释)

 
代码一:

<html>
<head>
<!--开始到计时的就js代码-->

<script LANGUAGE="javascript">
<!--
var timerID;   //定义一个接受定时器的全局变量。
var timerRunning = false; //定义一个改变定时器状态的中间变量。

        //定义一个时间显示函数开始
function showtime() {
   //创建一个时间对象
   var Today = new Date();  

                        //分别获取具体时间的各个分量 ,此处注意大小写      
    var NowYear = Today.getFullYear();
    var NowMonth = Today.getMonth();
    var NowDate = Today.getDate();
    var NowHour = Today.getHours();
    var NowMinute = Today.getMinutes();
    var NowSecond = Today.getSeconds();


   Yearleft = 2014 - NowYear
   Monthleft = 12 - NowMonth - 1   //NowMonth的值是:0--11之间的
   Dateleft = 31 - NowDate
   Hourleft = 23 - NowHour
   Minuteleft = 59 - NowMinute
   Secondleft = 59 - NowSecond

   //根据各个时间表示方法的周期性,改变每个值。
   if (Secondleft==0)
   {
    Secondleft=60;
    Minuteleft=Minuteleft-1;
   }
   if (Minuteleft==0)
   {
    Minuteleft=60;
    Hourleft=Hourleft-1;
   }
   if (Hourleft==0)
   {
    Hourleft=24;
    Dateleft=Dateleft-1;
   }
   if (Dateleft==0)
   {
    Dateleft=31;
    Monthleft=Monthleft-1;
   }
   if (Monthleft==0)
   {
    Monthleft=12;
    Yearleft=Yearleft-1;
   }

   //在文本框中显示倒计时牌
   Temp=Yearleft+'年 '+Monthleft+'个月 '+Dateleft+'天 '+Hourleft+'小时'+Minuteleft+'分'+Secondleft+'秒'
   document.form1.left.value=Temp;

   //设置一个定时器,1000毫秒后执行shoutime()函数。
   timerID = setTimeout("showtime()",1000);
   timerRunning = true;
}
//定义一个到计时的函数结束
  

   //定义一个函数控制倒计时结束(倒计时完成后,定时器关闭)
   function stopclock () {
    if(timerRunning)
     clearTimeout(timerID);
    timerRunning = false;
    }
  
   function startclock () {
    stopclock();
    showtime();
   }
// -->
</script>
</head>

<body>

      
<!--在网页中显示一个文本域-->
   <form name="form1">
     <div align="center" align="middle">
        <center><h2>离2015年还有:</h2><br>
             <input type="textarea" name="left" size="35" style="text-align: center;font-size=30" readonly> <!--此处定义了一个行内样式-->
                  </center>
         </div>
   </form>

<!--调用函数,调用只能放在定义表单的后面,否则里面的表单的名称就找不到而报错。-->
<script language="javascript">
    startclock();
</script>

        </body>

</html>

代码二:


<!--某某运动会到计时代码:倒计时Javascript begin-->
<script language="JavaScript">
<!--
   function DigitalTime1()
{
    var deadline= new Date("04/20/2009") //开幕倒计时

    var symbol="4月22日商场开业"
    var now = new Date()

   /**
   getTimezoneOffset() 方法可返回格林威治时间和本地时间之间的时差,以分钟为单位。
   **/

    var diff = -480 - now.getTimezoneOffset() //是北京时间和当地时间的时间差,可以记住,返回是以分钟为单位的
  
   //getTime 方法返回一个整数值,这个整数代表了从 1970 年 1 月 1 日开始计算到 Date 对象中的时间之间的毫秒数。注意:1秒=1000毫秒

    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("22/4/2009") //开幕后计时
    var symbol_2="4月22日"
    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 class=fon2>"+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>某某运动会今天开幕</font>"
     setTimeout("DigitalTime1()",1000)
    }


   if (day<0 & day_2>19) //某某运动会结束
    {
     //LiveClock1.innerHTML = "现在离"+symbol+"还有"+day+"天"+hour+"小时"+minute+"分"+second +"秒"
     LiveClock1.innerHTML = "<font class=fon1>某某运动会已全部结束</font>"
     setTimeout("DigitalTime1()",1000)
    }
    }
// -->
</script>
    <!--倒计时Javascript end-->

   <body onload="DigitalTime1()">
   <div id= LiveClock1></div>
   </body>
 
 
 
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
各种倒计时
时间代码
精确到秒的倒计时代码 javascript
网页倒计时、到0秒的时候自动关闭网页js代码
特效代码
js使用转义符技巧输出HTML
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服