html怎么通过javascript写一个10秒倒计时
我想写一个html,加载time.html时,先显示10,过1秒显示9,再过1秒显示8,最后到0的时候就不变了,请问代码应该怎么写啊...
我想写一个html,加载time.html时,先显示10,过1秒显示9,再过1秒显示8,最后到0的时候就不变了,请问代码应该怎么写啊
展开
展开全部
<!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>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询