<html> <head> <script type="text/javascript"> var hour = 2; function countdown() { var s = hour * 60 * 60; var div = document.getElementById("tt"); var inter = setInterval(function(){ if (s < 0) { window.clearInterval(inter); } var h = parseInt(s / (60 * 60)); var m = parseInt(s % (60 * 60) / 60); var ss = parseInt(s % 60); div.innerHTML = "还有" + h + "小时" + m + "分" + ss + "秒"; s--; }, 1000); } </script> </head> <body onload="countdown()"> <div id="tt"></div> </body> </html>
倒计时100分钟的<script language="JavaScript"> <!-- // var startTime = new Date(); var EndTime=startTime.getTime()+100*60*1000;//100分钟 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<10 ? "0"+nH : nH; document.getElementById("RemainM").innerHTML = nM<10 ? "0"+nM : nM; document.getElementById("RemainS").innerHTML = nS<10 ? "0"+nS : nS; setTimeout("GetRTime()",1000); } window.onload=GetRTime; // --> </script> <div id="CountMsg">还有 <strong id="RemainD"></strong>天<strong id="RemainH">XX</strong>时<strong id="RemainM">XX</strong>分<strong id="RemainS">XX</strong>秒</div>
setTimeout 或者 setInterval
上面有很多种
<head>
<script type="text/javascript">
var hour = 2;
function countdown() {
var s = hour * 60 * 60;
var div = document.getElementById("tt");
var inter = setInterval(function(){
if (s < 0) {
window.clearInterval(inter);
}
var h = parseInt(s / (60 * 60));
var m = parseInt(s % (60 * 60) / 60);
var ss = parseInt(s % 60);
div.innerHTML = "还有" + h + "小时" + m + "分" + ss + "秒";
s--;
}, 1000);
}
</script>
</head>
<body onload="countdown()">
<div id="tt"></div>
</body>
</html>
<!-- //
var startTime = new Date();
var EndTime=startTime.getTime()+100*60*1000;//100分钟
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<10 ? "0"+nH : nH;
document.getElementById("RemainM").innerHTML = nM<10 ? "0"+nM : nM;
document.getElementById("RemainS").innerHTML = nS<10 ? "0"+nS : nS;
setTimeout("GetRTime()",1000);
}
window.onload=GetRTime;
// -->
</script>
<div id="CountMsg">还有 <strong id="RemainD"></strong>天<strong id="RemainH">XX</strong>时<strong id="RemainM">XX</strong>分<strong id="RemainS">XX</strong>秒</div>