javascript实现倒计时
2008-07-23 13:24
141 查看
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html;charset=GBK"%>
<html xmlns="http://www.w3.org/1999/xhtml" lang="gbk">
<head>
</head>
<title> 倒计时效果 </title>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script language="JavaScript">
<!-- //
var startTime = new Date();
var EndTime=startTime.getTime()+6000*60*1000; //getTime返回的是毫秒数
function GetRTime(){
var NowTime = new Date();
var nMS =EndTime - NowTime.getTime();
var nD =Math.floor(nMS/(1000 * 60 * 60 * 24)) % 365;
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"></strong><strong id="RemainD"></strong>天<strong id="RemainH"></strong>时
<strong id="RemainM"></strong>分<strong id="RemainS"></strong>秒</div>
</body>
</html>
<%@ page contentType="text/html;charset=GBK"%>
<html xmlns="http://www.w3.org/1999/xhtml" lang="gbk">
<head>
</head>
<title> 倒计时效果 </title>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script language="JavaScript">
<!-- //
var startTime = new Date();
var EndTime=startTime.getTime()+6000*60*1000; //getTime返回的是毫秒数
function GetRTime(){
var NowTime = new Date();
var nMS =EndTime - NowTime.getTime();
var nD =Math.floor(nMS/(1000 * 60 * 60 * 24)) % 365;
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"></strong><strong id="RemainD"></strong>天<strong id="RemainH"></strong>时
<strong id="RemainM"></strong>分<strong id="RemainS"></strong>秒</div>
</body>
</html>
相关文章推荐
- javascript倒计时效果实现
- javascript倒计时效果实现
- 基于JavaScript实现自动更新倒计时效果
- javascript实现倒计时并弹窗提示特效
- JavaScript实现刷新不重记得倒计时
- JavaScript根据剩余多少秒实现倒计时
- javascript 实现一个网页,然后计算出有多少剩余时间的倒计时程序
- javascript 实现倒计时程序
- javascript倒计时功能实现代码
- JavaScript实现倒计时代码段Item1(非常实用)
- javascript特效实现(4)——当前时间和倒计时效果
- javascript特效实现――当前时间和倒计时效果的简单实例
- javascript实现倒计时
- JAVASCRIPT使用setTimeout实现时间倒计时
- JavaScript高仿支付宝倒计时页面及代码实现
- JavaScript实现页面无操作倒计时退出
- javascript 实现倒计时程序
- JavaScript 逼真图片倒计时实现代码
- javaScript倒计时的实现
- 简单几行javascript代码,实现动态倒计时功能