js setInterval循环问题
<script>window.onload=start2;vari=0;vartimer;functionstart2(){varinp=document.getElem...
<script>
window.onload = start2;
var i = 0;
var timer;
function start2(){
var inp = document.getElementById("text");
inp.value = i;
i++;
timer=window.setInterval("start2()",5000);
}
function stop2(){
clearInterval(timer);
}
</script>
</head>
<body>
<input type="button" id="text">
<input type="button" onclick="stop2()" value="stop">
</body>
为什么数越变越快无法停止 展开
window.onload = start2;
var i = 0;
var timer;
function start2(){
var inp = document.getElementById("text");
inp.value = i;
i++;
timer=window.setInterval("start2()",5000);
}
function stop2(){
clearInterval(timer);
}
</script>
</head>
<body>
<input type="button" id="text">
<input type="button" onclick="stop2()" value="stop">
</body>
为什么数越变越快无法停止 展开
1个回答
展开全部
你在函数内再次用setInterval调用函数本身，就会产生叠加效果，速度会越来越快。应该一次性用setInterval调用函数即可：
<script>
var i = 0;
var timer = setInterval(function(){
document.getElementById("text").value = i++;
},5000);
function stop2(){
clearInterval(timer);
}
</script>
或者改用setTimeout也可，这是一次性调用的（相当于定时器），那么在函数内再次调用就能实现循环效果了。而setInterval本身就是重复调用的（相当于计时器），不能放在函数内使用：
<script>
var i = 0;
var timer = 0;
window.onload = function start2(){
document.getElementById("text").value = i++;
timer = setTimeout(start2, 5000);
}
function stop2(){
clearTimeout(timer);
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
