谁来解释下这段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>

解决方案 »

  1.   

    那就先停一下呗.  在开始里如果 dt != null  就停一下计时器吧
      

  2.   

    function start1(){clearInterval(dt); 
                            dt=setInterval(function(){    
                            i=dobj.innerText;
                            i++;
                            dobj.innerText=i;
                            },200);
                            }