为了账号安全,请及时绑定邮箱和手机立即绑定

我这段js计时器的开始和停止按钮的代码哪有错误?

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>计时器</title>

<script type="text/javascript">

   function clock(){

      var time=new Date();                     

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

   }

     var i=setInterval(function(){

         clock()

     },100)

     function clock2(){

         clearInterval(i)

     }

function clock3(){

var i=setInterval(function(){

clock()},100)

}

</script>

</head>

<body>

  <form>

    <input type="text" id="clock" size="50"  />

    <input type="button" value="Stop" onclick="clock2()" />

    <input type="button" value="Continue" onclick="clock3()">

  </form>

</body>

</html>

按了continue之后再按stop就无效了,该怎么改



正在回答

3 回答

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>计时器</title>

<script type="text/javascript">

    function clock(){

      var time=new Date();                     

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

   }


    var i;

    function clock2(){

         clearInterval(i)

     }

    function clock3(){

    i=clearInterval(i)

i=setInterval(clock,100)

}

</script>

</head>

<body>

  <form>

    <input type="text" id="clock" size="50" onclick="clock3()"/>

    <input type="button" value="Stop" onclick="clock2()" />

    <input type="button" value="Continue" onclick="clock3()">

  </form>

</body>

</html>

多次摁的问题解决了 但是 上来还是不显示时间。

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

上面的代码有bug;就是刚开始没有显示时间,你的先摁一下Continue才能触发。还有一个bug就是你多次触发Continue 再stop 不好使 你自己改一下。

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

给一个全局变量。var = i;

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>计时器</title>

<script type="text/javascript">

    function clock(){

      var time=new Date();                     

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

   }


    var i;

    function clock2(){

         clearInterval(i)

     }

    function clock3(){

i=setInterval(clock,100)

}

</script>

</head>

<body>

  <form>

    <input type="text" id="clock" size="50"  />

    <input type="button" value="Stop" onclick="clock2()" />

    <input type="button" value="Continue" onclick="clock3()">

  </form>

</body>

</html>


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

举报

0/150
提交
取消

我这段js计时器的开始和停止按钮的代码哪有错误?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信