                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

关于点击start，数字+1的问题

除了限制开关还有其他办法吗？

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>

<script type="text/javascript">
var num=0;
var i;
function startCount(){
      clearTimeout(i);
    document.getElementById('count').value=num;
    num=num+1;
    i=setTimeout("startCount()",1000);
}
function stopCount(){
    clearTimeout(i);
}
</script>
</head>
<body>
<form>
    <input type="text" id="count" />
    <input type="button" value="Start" onClick="startCount()"/>
    <input type="button" value="Stop" onClick="stopCount()"/>
</form>
</body>
</html>

别动我的猫

2017-10-09

源自：JavaScript进阶篇 8-6

关注问题我要回答

821

操作

收起

2 回答

qq_小镇_1 回答被采纳 +2 积分
2017-11-20

加个if判断就行，如果函数正在运行就不执行。

<script type="text/javascript">
  var num=0;
  var i;
  var nowOn=false;//预设条件，初始化false。
    function startCount2(){
    document.getElementById('count').value=num;
    num=num+1;
    i=setTimeout("startCount2()",1000);
    nowOn=true;//函数运行，条件变为true。
  };
  
  function startCount(){
    if(nowOn==false){ //判断是否在运行状态。
       startCount2();
    }};
    
  function stopCount(){
     clearTimeout(i);
     nowOn=false;//停止运行，变回false。
  };
</script>