8小时倒计时

最新推荐文章于 2022-09-03 22:35:09 发布

paopao_2017

最新推荐文章于 2022-09-03 22:35:09 发布

阅读量918

点赞数

文章标签：定时器倒计时

本文链接：https://blog.youkuaiyun.com/paopao_2017/article/details/78861866

版权

这是一个使用HTML和JavaScript实现的8小时倒计时定时器。点击按钮启动倒计时，页面显示剩余小时、分钟和秒数。倒计时结束后，按钮重新启用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript" src="js/jquery-2.2.3.min.js" ></script>
<body>
<button class="btn1" οnclick="clickMe()">11</button>
<div id="show_time"></div>
</body>
</html>
<script>
function clickMe(){
var mytimer;
var mt=8*60*60;
var i=0;
var hours=0;
var minutes=0;
var second=0;
$(".btn1").attr("disabled","disabled");
mytimer = window.setInterval(function(){
mt-=1;
hours=Math.floor((mt)/(60*60))
minutes=Math.floor((mt-hours*60*60)/60)
second=Math.round(mt-hours*60*60-minutes*60)
$("#show_time").html((hours<10?("0"+hours):hours)+":"+(minutes<10?("0"+minutes):minutes)+":"+(second<10?("0"+second):second))
if(mt==0){
window.clearInterval(mytimer);
$(".btn1").removeAttr("disabled");
}
},1000)
}

</script>