zoukankan      html  css  js  c++  java
  • JS倒计时

    知识准备:

    JavaScript的Date对象

           Date对象表示日期和时间,他是自1970年1月1日0时0分0秒起记录的一个以毫秒为单位的数值,通过这个数值能推算出具体的日期时间。

           构造函数:Date()以当前的日期时间构造一个对象,也可以指定年、月、日、时、分、秒、毫秒来初始化一个对象实例。(换算关系:日24时60分60秒1000毫秒)

           Parse方法:静态方法,使用类名访问,采用实例无法访问。取1970年之后的毫秒值。

           其他方法:getYear()方法:取对象实例中的年数。

                         getMonth()方法:取月份数(0-11)。 

                         getDate()方法:取日、号数。

                         getDay()方法:取星期几。

                         getHours()方法:取小时数。

                         getMinutes()方法:取分钟数。

                         getSeconds()方法:取秒数。

                         getMilliSeconds()方法:取毫秒数。

            另外JavaScript还提供了与get方法相对应set方法。

     setInterval()函数:

             setInterval("函数();",间隔时间);      //每间隔时间触发一次。        

             不同与setTimeout("函数();",间隔时间);   //间隔时间后触发函数,只触发一次。 

     

     以下是源代码:

    <!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
    <head>
    <head>
    <title> 倒计时效果 </title>
    <meta http-equiv="content-type" content="text/html; charset=gb2312" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <script language="JavaScript">
    <!-- //
    var startTime = new Date();
    var EndTime=startTime.getTime()+2*24*60*60*1000;
    function GetRTime(){
    var NowTime = new Date();
    var nMS =EndTime - NowTime.getTime();
    var nD =Math.floor(nMS/(1000 * 60 * 60 * 24));
    var nH=Math.floor(nMS/(1000*60*60)) % 24;
    var nM=Math.floor(nMS/(1000*60)) % 60;
    var nS=Math.floor(nMS/1000) % 60;
     document.getElementById("RemainD").innerHTML=nD;
     document.getElementById("RemainH").innerHTML=nH;
     document.getElementById("RemainM").innerHTML=nM;
     document.getElementById("RemainS").innerHTML=nS;
    if(nMS>5*59*1000&&nMS<=5*60*1000)
    {
    alert("还有最后五分钟!");
    }
    setTimeout("GetRTime()",1000);
    }
    window.onload=GetRTime;
    // -->
    </script>
    </head>
    <body>
    <div id="CountMsg">倒计时还有:<strong id="RemainD">XX</strong>天<strong id="RemainH">XX</strong>时<strong id="RemainM">XX</strong>分<strong id="RemainS">XX</strong>秒</div>
    </body>
    </html>

  • 相关阅读:
    python--列表,元组,字符串互相转换
    10月清北学堂培训 Day 2
    10月清北学堂培训 Day 1
    网络流小结
    P1850 换教室
    P1948 [USACO08JAN]电话线Telephone Lines
    P3147 [USACO16OPEN]262144
    8月清北学堂培训 Day 7
    8月清北学堂培训 Day3
    8月清北学堂培训 Day1
  • 原文地址:https://www.cnblogs.com/wangbin/p/1328584.html
Copyright © 2011-2022 走看看