                        课程
                    
                        /前端开发
                        
                            /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>

代码如上。

为什么把startCount()这句换成：setTimeout("startCount()",1000) 就可以？

后面这句代码的目的，实际上也是为了调用函数啊。

求大神解答~

穿越满天星

2016-12-21

源自：JavaScript进阶篇 8-5

关注问题我要回答

868

操作

收起

1 回答

CHFFOPSAIE 回答被采纳 +3 积分
2016-12-21

js写在head里的话，因为html文档在加载的时候，是从上到下加载的，所以会先加载js，在js里加载到startCount()时，会执行startCount（）函数，但在函数里有获取ID的document.getElementById('count')，而此时body里的内容还没加载，会找不到id为count的对象，所以会出错。setTimeout()这个函数不会截断加载的进程，而且setTimeout("startCount()",1000)会在一秒后执行，而在这一秒内整个文档早就加载完成了，就不会出现上边找不到的情况。所以可以成功执行。

你把script标签和里面的代码放到</body>前面，就不会出错了。如：

<!DOCTYPE HTML>

<html>

<head>

</head>

<body>

<form>

</form>

var num=0;

function startCount() {

document.getElementById('count').value=num;

num=num+1;

setTimeout("startCount()",1000)

}

startCount()

</script>

</body>

</html>

ps：话说你js实际上不是写在head里（因为在<script>标签前head已经结束了），而是写在head和body之间了（虽然js写在哪儿都行）。

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

收起回答

秋挽词

看了这么多解释为什么有两个setTimeout("startCount()",1000)的,就你的看明白了.果然放在后面的话直接调用就可以,非常感谢`但是为什么我在前面加了window.onload还是不能正常运行呢?提示startCount is not defined.

2016-12-21 回复有任何疑惑可以回复我~

CHFFOPSAIE 回复秋挽词

startCount没有定义？你是不是window.onload用错了，这样用试试： window.onload=function(){ var num=0; function startCount() { document.getElementById('count').value=num; num=num+1; setTimeout("startCount()",1000); } startCount(); }

2016-12-21 回复有任何疑惑可以回复我~

CHFFOPSAIE 回复秋挽词

window.onload=function(){ startCount(); } var num=0; function startCount() { document.getElementById('count').value=num; num=num+1; setTimeout("startCount()",1000); }

2016-12-21 回复有任何疑惑可以回复我~

查看6条回复

0/150

提交

取消

JavaScript进阶篇

参与学习 468043 人
解答问题 21891 个

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

进入课程

本课相似问答

1 回答为什么不能在startCount()下面直接调用该函数呢？

3 回答为什么不能直接调用startCount();

2 回答为什么不能直接调用startCount？

2 回答可以用startCount();直接调用函数吗？为什么没作用

4 回答setTimeout("startCount()",0)与直接调用函数startCount()有什么区别

搜索更多本课相关问答

我直接调用函数startCount()为什么不行呢？

我要回答关注问题

热搜

最近搜索清空

我直接调用函数startCount()为什么不行呢？

1 回答

本课相似问答

我直接调用函数startCount()为什么不行呢？