知识准备:

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>

posted on 2008-11-07 09:32  Dufe王彬  阅读(680)  评论(0编辑  收藏  举报