求setTimeout与setInterval 的区别

来源:8-4 取消计时器clearInterval()

DOMOHAHA

2016-02-01 19:38

<!DOCTYPE HTML>

<html>

<head>

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

<title>计时器</title>

<script type="text/javascript">

var i;

   function aclock(){

      var time=new Date();                     

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

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

   }     

  

    function stopclock(){

      clearInterval(i);

    }

</script>

</head>

<body>

  <form>

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

    <input type="button" value="Begin"  onclick="aclock()"/>

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

     </form>

</body>

</html>


为什么这个代码实现后无法停下来?

写回答 关注

2回答

  • 汪学东o_o
    2016-02-01 22:10:41

    setInterval主要是控制代码重复执行的时间间隔,而setTimeout主要是用于倒计时作用

  • 幽茔
    2016-02-01 21:48:44

    setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那段代码。

    我是百度的。。。

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题