87,990
社区成员
发帖
与我相关
我的任务
分享谁来解释下这段JS代码，引起的现象。。
做一个简单的页面计数器。 点击开始按钮，就开始计数，点击停止按钮就停止计数。
问题在这：当我点击一下开始按钮时，然后点击停止按钮能停下，可是当我连续点击多次开始按钮时，计数开始加速，并且停止按钮失效。
代码如下：
问题在这：当我点击一下开始按钮时，然后点击停止按钮能停下，可是当我连续点击多次开始按钮时，计数开始加速，并且停止按钮失效。
代码如下：
<html>
<body>
<div id="one" style="color:'blue'; font-size:8cm; text-align:'center';">
0
</div>
<script>
var dobj=document.getElementById("one");
var dt=null;
var i;
function start1(){
dt=setInterval(function(){
i=dobj.innerText;
i++;
dobj.innerText=i;
},200);
}
function stop(){
clearInterval(dt);
}
</script>
<input type="button" onclick="stop()" value="停止">
<input type="button" onclick="start1()" value="开始">
</body>
</html>
...全文
请发表友善的回复…
发表回复
