当前位置: 代码迷 >> JavaScript >> JAVASCRIPT定时器,该怎么处理
  详细解决方案

JAVASCRIPT定时器,该怎么处理

热度:355   发布时间:2012-09-05 15:19:34.0
JAVASCRIPT定时器
<script>
  var s=0;
var timeId ;
timeId=setInterval("count();",1);//定义定时器 返回TIMEID 每隔1秒钟执行一次COUNT()函数,

 function count() 
{
  document.getElementById("set").innerHTML= s++; //获取ID SET当中的所有HTML文本(这里是一个数值
}
function stop()
{
clearInterval(timeId); // 关闭定时器
}
  </script>
<form>
<font id="begin" onclick="count()" > 计时开始:&nbsp;<font>
<font id="set" color="red" style="font-size:30px" >0</font> 秒
<input type="button" onclick ="stop()" value="stop"/>
</form>




问题是:当 timeId定义为全局变量时,无法STOP;而当定义为count的局部变量时,无法结束,要如何改进呢

------解决方案--------------------
HTML code
<script>
  var s=0;
var timeId ;
//定义定时器 返回TIMEID 每隔1秒钟执行一次COUNT()函数,

 function count()  
{
  document.getElementById("set").innerHTML= s++; //获取ID SET当中的所有HTML文本(这里是一个数值
}
function run(){
    timeId=setInterval(function(){count()},1000);
}
function stop()
{
clearInterval(timeId); // 关闭定时器
}
  </script>

<input type="button" onclick="run()" value="计时开始"/>
<font id="set" color="red" style="font-size:30px" >0</font> 秒
<input type="button" onclick="stop()" value="stop"/> 
  相关解决方案