当我把计时代码的setTimeout改成setInterval之后

来源:8-5 计时器setTimeout()

CIPHER

2016-11-02 13:55

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<script type="text/javascript">
  var num=0;
  function numCount(){
    document.getElementById('txt').value=num;
    num=num+1
    setTimeout('numCount()',1000)
  }
</script>
<body>
  <input type="text" name="txt" id="txt" />
  <input type="button" name="click" value="start" onclick="numCount()" />
</body>
</html>

改成setInterval之后:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<script type="text/javascript">
  var num=0;
  function numCount(){
    document.getElementById('txt').value=num;
    num=num+1
    setInterval('numCount()',1000)
  }
</script>
<body>
  <input type="text" name="txt" id="txt" />
  <input type="button" name="click" value="start" onclick="numCount()" />
</body>
</html>

执行后的结果是:0,1,3,7,15,31,63...

求解其具体计算步骤,不理解为什么是这样的结果。

希望各位高手指点迷津!

谢谢!!

祝看到的各位,生活愉快,工作顺利!!!

写回答 关注

3回答

  • 无敌小哥儿
    2016-11-13 22:48:24

    setTimeout(‘as()’,1000)这句代码意思是延时1000毫秒后执行函数as(),所以做计时器时要放在函数as()里面,这样每隔1000毫秒就调用他本身as()这个函数。如果你放在as()函数外,他就只执行一次,秒数指加了个1.

    而setInterval(‘as()’,1000)本身就是每隔1000毫秒调用as()函数,所以他不用放在as()函数里面。

  • clearcache_me
    2016-11-04 06:18:18

    一楼正解

  • 慕勒7123956
    2016-11-02 14:35:14

    因为你同时开了好几个计时器的原因,你这个函数运行一次就开一个新的计时器的,第一次 num=0 value=0,num=1;然后调用,进入下一个函数(这时已经有两个计数器在运行了)。value=1 ; num=num+1运行两次,num=3;下一秒这两个计数器又会再开两个,就是2的n次方

    CIPHER

    不是很能理解你的话^_^ 我比较笨,不好意思哈。

    2016-11-11 11:39:41

    共 1 条回复 >

JavaScript进阶篇

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

468195 学习 · 21891 问题

查看课程

相似问题