                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

这样写，startCount()为什么不能自动执行？

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
</head>
<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>

steve_samuelson

2016-01-02

源自：JavaScript进阶篇 8-5

关注问题我要回答

1615

操作

收起

3 回答

李晓健
2016-01-02

这是因为你的js在执行时，下面的input输入框还没有生成，所以就报错了，你可以这样试一下，把js代码放到下面

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>计时器</title>
</head>

</head>
<body>
<form>
    <input type="text" id="count" />
</form>
<script type="text/javascript">
    var num=0;
    function startCount() {
        document.getElementById('count').value=num;
        num=num+1;
        setTimeout("startCount()",1000);
    }
    startCount();
</script>
</body>
</html>

1 回复有任何疑惑可以回复我~

收起回答

steve_samuelson 提问者

非常感谢！

2016-01-02 回复有任何疑惑可以回复我~

steve_samuelson 提问者

但是这样分析，为什么下面的代码又能够正常运行?大神再帮忙看下！

2016-01-02 回复有任何疑惑可以回复我~

学海无涯乐悠悠
2016-01-23

我也是对这一点有疑惑，百度了半天，没找到，回头一看这里有。

李晓健的回答很好，我这样理解：定义完成后直接调用startCount正如你所说，不正确，因为<body>部分还没有加载。所以直接调用不正确。按照这种理解，我再<input.....>后面增加了<script type="text/javascript">startCount();</script>竟然真的可以通过。

这就说明，setTimeout();函数，是第一个参数的javascript语句延迟执行，而不是该函数下面的javascript语句也停下来等待执行。仅仅是延迟一段时间执行本函数语句内第一个参数内容。

0 回复有任何疑惑可以回复我~

收起回答