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

有点Bug。。点了stop后停止，再点2次start后再点stop就停止不了了....

<!DOCTYPE HTML>

<html>

<head>

i=setInterval("clock()",1000);

function clock(){

var time=new Date();

document.getElementById("clock").value = time;

}

function mystart(){

i=setInterval("clock()",1000);

}

function myclear(){

clearInterval(i);

}

</script>

</head>

<body>

<form>

</form>

</body>

</html>

流星雨_1

2015-09-26

源自：JavaScript进阶篇 8-4

关注问题我要回答

1151

操作

收起

2 回答

流星雨_1 提问者
2015-09-27

是的，谢谢楼上的回答~^O^ 给我了一个思路。你这个代码运行后如果先点一次start后还是停止不了...

下边是在你基础上改进的：

<!DOCTYPE HTML>

<html>

<head>

var i=setInterval("clock()",1000);

var count = 0;

function clock(){

var time=new Date();

document.getElementById("clock").value = time;

console.log(time);

}

function mystart(){

if(count > 0 ){

i=setInterval("clock()",1000);

count--;

}

function myclear(){

clearInterval(i);

count = 1;

}

</script>

</head>

<body>

<form>

</form>

</body>

</html>

2 回复有任何疑惑可以回复我~

收起回答

Y_du
2015-09-27

这个问题是，你点击了多次开始。想到开启了多个定时器。而你在关的时候只关了一个。所以会导致关不了。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
i=setInterval("clock()",1000);
   function clock(){
      var time=new Date();                
      document.getElementById("clock").value = time;
      console.log(time);
   }
     
     var count = 0;
function mystart(){
    if(count == 0){
       i=setInterval("clock()",1000); 
    }
    count = 1;
}
    function myclear(){
        clearInterval(i);
        count = 0;
    }
</script>
</head>
<body>
  <form>
    <input type="text" id="clock" size="50"  />
    <input type="button" value="Stop" onclick="myclear()" />
<input type="button" value="Start" onclick="mystart()" />

  </form>
</body>
</html>

这样是一个不优雅的解决办法