您的位置：首页 > Web前端 > JavaScript

js练习2(24小时倒计时)

2013-01-22 10:23 337 查看

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航