简易JavaScript练习2：24小时计时倒数器
最编程
2024-02-23 14:32:20
...
<html>
<head>
<title>24小时倒计时(时分秒)，带暂停效果</title>
</head>
<body onload="init();">
<div id="showDiv"></div>
<input type="button" name="btn" id="click"/>
<script>
var time;
var showDiv=document.getElementById("showDiv");
var btn=document.getElementById("click");
var h=23;
var m=59;
var s=59;
//没有点击开始按钮的时候"showDiv"显示24:00:00,并且btn显示“开始”
function init(){
showDiv.innerHTML="24:00:00";
btn.value="开始";
}
//如果点击开始之后btn显示"开始"
btn.onclick=function(){
if(btn.value=="开始"){
btn.value="暂停";
time=setInterval("run()",1000);
}else{
btn.value="开始";
clearInterval(time);
}
}
//进行倒计时显示
function run(){
--s;
if(s<0){
--m;
s=59;
}
if(m<0){
--h;
m=59
}
if(h<0){
s=0;
m=0;
}
showDiv.innerHTML=h+":"+m+":"+s;
}
</script>
</body>
</html>