版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/nalan77/article/details/85114255
<!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();//正确的写法可以是setTimeout(startCount,1000) ;
</script>
</head>
<body>
<form>
<input type="text" id="count" />
</form>
</body>
</html>
执行会报错
一般情况下，代码是自上而下执行的，当执行到document.getElementById('count').value=num;语句时，count还没有加载出来，所以不能给其value赋值，因此会报错；如果把script代码放到input后面就可以执行了
至于为什么startCount() 函数只调用了一次，却可以循环执行是因为递归：
第一次进入函数，执行完setTimeout（"numCount()",1000）;开始计时，函数继续往下执行，函数结束。计时达到1000ms后，立即再次执行numCount(); 这就是setTimeout()的作用，将函数或代码延时执行。