js倒计时

最新推荐文章于 2025-11-20 14:50:15 发布

转载最新推荐文章于 2025-11-20 14:50:15 发布 · 86 阅读

文章标签：

#javascript #ViewUI

本文将展示如何使用JavaScript实现一个一小时的倒计时功能，包括小时、分钟和秒的显示，并在倒计时到达5分钟时给出提示。

//js倒计时，废话不多说，贴代码

<html>

<head>

<scripttype="text/javascript">

var maxtime = 2*60*60 //一个小时，按秒计算，自己调整!

function CountDown(){

if(maxtime>=0){

hours=Math.floor(maxtime/3600)

minutes = Math.floor((maxtime-3600*hours)/60);

seconds = Math.floor(maxtime%60);

msg = "距离结束还有:"+hours+"时"+minutes+"分"+seconds+"秒";

document.getElementById("timer").innerHTML=msg;

if(maxtime == 5*60) alert('注意，还有分钟!');

--maxtime;

}else{

clearInterval(timer);

alert("时间到，结束!");

}

}

timer = setInterval("CountDown()",1000);

</script>



</head>

<body>

<divid="timer"></div>

</body>

</html>