计时器setInterval()

来源:8-3 计时器setInterval()

svgcc

2017-08-30 14:41

主体:

<form>

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

</form>

脚本:

 function click(){

      var time = new Date();

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

  };

  var int = setInterval(clock,100);

计时器var int = setInterval(clock,100);这样写,没有调用,为什么可以实现

click方法也没有调用

写回答 关注

3回答

  • 心陌灬琉璃梦
    2017-08-30 15:39:56
    已采纳

    当页面第一次被加载时,代码是从上往下按顺序执行的,当页面执行到函数function click(){...}时,函数的确是没有被执行;但是当页面继续往下执行到var int=setInterval(clock,100)时,函数clock()就被计时器setInterval()调用了,所以此时函数clock()就被执行了。

    心陌灬琉璃梦 回复心陌灬琉璃梦

    var int = setInterval(clock,100);只是一个赋值操作,并不影响计时器setInterval()调用函数clock()。

    2017-08-30 15:45:08

    共 3 条回复 >

  • 点赞狂魔
    2017-08-30 15:43:22

    写错了吧,函数名不是clock嘛,另外计数器设置只要setInterval(clock,100)就够了,var int在这里多余了

    svgcc

    嗯嗯,谢谢

    2017-08-30 15:46:36

    共 1 条回复 >

  • 兔子大流氓
    2017-08-30 15:42:38

    <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

     </head> 

     <body>

    <form>

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

    </form>

      <script type="text/javascript">

        function clock(){

          var time = new Date();

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

        }

          var int = setInterval(clock,100);

      </script>

     </body>

    </html>

    亲测这样写没有问题

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题