现在的位置: 首页 > 综合 > 正文

倒计时效果 X天X时X分X秒

2013年12月06日 ⁄ 综合 ⁄ 共 1201字 ⁄ 字号 评论关闭
 <!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">
<!-- //
function GetRTime(){
var EndTime= new Date(2008,5,10,0,0); //截止时间:2008年5月10日0时0分
var NowTime = new Date();
var nMS =EndTime.getTime() - 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;
if(nD>= 0){
document.getElementById("RemainD").innerHTML=nD;
document.getElementById("RemainH").innerHTML=nH;
document.getElementById("RemainM").innerHTML=nM;
document.getElementById("RemainS").innerHTML=nS;
}
else {
document.getElementById("CountMsg").innerHTML="已经结束!";
}
setTimeout("GetRTime()",1000);
}
window.onload=GetRTime;
// -->
</script>
</head>
<body>
<div id="CountMsg"> 距离 XXX 还有<strong
id="RemainD">XX</strong>天<strong
id="RemainH">XX</strong>时<strong
id="RemainM">XX</strong>分<strong
id="RemainS">XX</strong>秒</div>
</body>
</html>
现在取的时间是本机时间。也可以换为服务器时间以得到一致的效果
【上篇】
【下篇】

抱歉!评论已关闭.