问答详情
源自:8-4 取消计时器clearInterval()

JS取消计数器clearInterval( )问题

<!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;

   }

// 每隔100毫秒调用clock函数,并将返回值赋值给i

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

</script>

</head>

<body>

  <form>

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

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

  </form>

</body>

</html>



这停止按钮这里,用的是clearInterval(i) , 但是上面function那里用的是clock()

提问者:慕粉昵称已占用 2017-02-09 14:37

个回答

  • 微萌得記憶
    2017-02-09 15:45:18

    function那里是定义了一个clock()函数,通过

     var i=setInterval("clock()",100);每隔100毫秒调用clock函数,并将返回值赋值给i,也就是说每隔一百毫秒执行一次clock()函数,此处,返回值给了 i.

    clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。对应上面,此处的参数是setInterval()的返回值。


    才疏学浅,仅供参考