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

计时器停止后再重新运行,怎么写?

计时器停止后再重新运行,怎么写?

umenoki 2016-10-19 10:52:13
<script type="text/javascript">    function clock(){       var time=new Date();                         document.getElementById("clock").value = time;    }     var i=setInterval(clock,100);  </script> </head> <body>   <form>     <input type="text" id="clock" size="50"  />     <input type="button" value="Stop" onclick="clearInterval(i)" />     <input type="button" value="Start" onclick="clock()" />   </form> </body>想实现的功能:点击“stop”按钮,计时器停止;点击“start”按钮,计时器重新启动。上面的代码为什么不行?
查看完整描述

3 回答

已采纳
?
_潇潇暮雨

TA贡献646条经验 获得超225个赞

简单改造了下:

<script type="text/javascript">
   function clock(){
      var time=new Date();
      document.getElementById("c").value = time;
   }
    var i;
    function start(){
      i = setInterval(clock,100);
    }
    function stop(){
      clearInterval(i);
    }
    start()
</script>
</head>
<body>
  <form>
    <input type="text" id="c" size="50"  />
    <input type="button" value="Stop" onclick="stop()" />
    <input type="button" value="Start" onclick="start()" />
  </form>
</body>


查看完整回答
反对 回复 2016-10-19
?
无状态三次方

TA贡献55条经验 获得超11个赞


</head>

<body>

  <form>

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

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

    <input type="button" value="Start" onclick="clock()" />

  </form>

</body>

<script type="text/javascript">

   function clock(){

      var time=new Date();                     

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

   }

    var i=setInterval(clock,100); 

</script>

直接看代码吧,js要放到下面,这样才能取到元素

查看完整回答
2 反对 回复 2016-10-19
?
nana3609796

TA贡献1条经验 获得超0个赞

定时器不能暂停,只能终止,你可以在终止的时候,把终值保存起来,作为下次定时器的起始值

查看完整回答
反对 回复 2016-10-19
?
sntatas

TA贡献53条经验 获得超11个赞

因为clock()函数和input的id命名冲突了,所以不行,要想实现那个功能

function clock(){

      var time=new Date();                     

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

    i = setTimeout(clock,100);

   }

    var i;

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

其他不变

查看完整回答
反对 回复 2016-10-19
  • 3 回答
  • 1 关注
  • 2926 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信