html怎么通过javascript写一个10秒倒计时
我想写一个html，加载time.html时，先显示10，过1秒显示9，再过1秒显示8，最后到0的时候就不变了，请问代码应该怎么写啊...
我想写一个html，加载time.html时，先显示10，过1秒显示9，再过1秒显示8，最后到0的时候就不变了，请问代码应该怎么写啊
展开
4个回答
展开全部
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload = function(){
var i = 10;
var timer = setInterval(function(){
if(i== -1){
clearInterval(timer);
}else{
document.body.innerHTML = i;
--i;
}
},1000);
}
</script>
</head>
<body>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用setinterval 定时1秒执行一次 每次减去1，到0停止
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div id='numDiv'>10</div>
<script type="text/javascript">
var num=10;
var interval=setInterval(function(){
if(num==0){
clearInterval(interval);
}
numDiv.innerHTML=num--;
},1000);
</script>
<script type="text/javascript">
var num=10;
var interval=setInterval(function(){
if(num==0){
clearInterval(interval);
}
numDiv.innerHTML=num--;
},1000);
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<body>
<div class="timerShowContainer" id="timers">10</div>
<script type="text/javascript" >
var t=setTimeout("timedCount()",1000);
function timedCount() {
var tim=document.getElementById("timers");
var time=parseInt(tim.innerHTML);
document.getElementById("ttt").innerHTML = time;
if( t !=null && time==0){clearTimeout(t);return;}
time--;
tim.innerHTML = time;
t=setTimeout("timedCount()",1000)
}
</script>
</body>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
