首页 > 文章 > web前端 > 有关js计数器问题

有关js计数器问题

一个新手原创: 2017-09-13 10:29:541383浏览

js实现计数器

实现具体代码

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
  var num=0;  
  function startCount() {
    document.getElementById("count").value=num;
    num=num+1;
      setTimeout("startCount()",1000);     //1处
  }
  setTimeout("startCount()",1000);       //2处
  </script>
  </head>
  <body>
  <form>
  <input type="text" id="count" />
  </form>
  </body>
  </html>

如代码，1处明显是无限循环，所以不可缺少，秒表当无限计数，这里注意，js里面都是以毫秒为单位，所以是1000毫秒（1min=60s 1s=1000ms）
但是当2处的代码删除，却只有一个空白框。

原因

网友这样理解的，如果不对，大家可以直接交流
首先程序是直接从上往下开始编译的，所以会编译函数，这时候下面的代码也就是HTML代码还未编译，所以函数无法识别id，如果加上函数settimeout，此时会停留1s,这时候程序已经走完毕，所以是可以通过的。
但是这种说法违背了C语言编译的过程，因为函数是调用实现的，所以不存在不能辨识的问题。。。。

以上是有关js计数器问题的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：VUE2.0组件的传值问题下一篇：搭建angular2.0项目的简单方法

查看更多