<!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);
  }
</script>
</head>
<body>
<form>
<input type="text" id="count"  />
</form>
</body>
</html>会报错的,执行到
startCount();
的时候,还没有加载 input 标签,getElementById 会报错。
可以自己写一个本地 html 然后看下 console 的信息。
这样不应该也可以调用函数,然后进入计时吗?
<!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);
  }
startCount();
</script>
</head>
<body>
<form>
<input type="text" id="count"  />
</form>
</body>
</html>