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

我定义的函数为什么没有被成功调用

<!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;

if(num>=5){

alert("计数结束！");

}else{

setTimeout("startCount()", 1000);

}

}

startCount();

</script>

</head>

<body>

<form>

<input type="text" id="count" />

</form>

</body>

</html>

作死的花生酱

2016-09-04

源自：JavaScript进阶篇 8-5

关注问题我要回答

2052

操作

收起

5 回答

Blizzard_lihe 回答被采纳 +3 积分
2016-09-04

1.我在本机测试的时候并没有跑起来，这是浏览器抛出来的错误

Uncaught TypeError: Cannot set property 'value' of null

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

#1

作死的花生酱提问者

我搜了“Cannot set property 'value' of null”，人家说“在执行这段代码的时候.DOM还没有生成,所以会出错.”、“你的代码是当页面HTML加载完js就会执行的。在DOM生成之前就已经执行了（HTML代码加载完不意味着DOM生成了)。DOM还没有生成，就去获取DOM里面的元素，当然也就获取不到了。” 我好像有点知道了^_^谢谢你给的这条错误信息

2016-09-04 回复有任何疑惑可以回复我~

#2

Blizzard_lihe 回复作死的花生酱提问者

没关系，一起加油

2016-09-04 回复有任何疑惑可以回复我~

JustDoItImooc
2016-09-27

只有回答才能收藏，右上角的已关注没有什么作用啊。

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

OlderSkee
2016-09-04

window.onload = function () {

var num = 0;

function startCount() {
document.getElementById('count').value = num;
num = num + 1;
if (num >= 5) {
alert("计数结束！");
} else {
setTimeout(startCount, 1000);
}
}
startCount();
}

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

#1

作死的花生酱提问者

蟹蟹0.0

2016-09-04 回复有任何疑惑可以回复我~

#2

OlderSkee 回复作死的花生酱提问者

摸摸一起加油

2016-09-04 回复有任何疑惑可以回复我~

OlderSkee
2016-09-04

首先因为你的函数需要获取下面的id=“count”

所以你的整个函数需要用window.onload = function(){} 包裹，意思是等文档加载完毕才执行JavaScript；

其次

计时器的表示应该是setTimeout(startCount, 1000);

带（）表示立即执行，而按照你的意思是这个是走到else才会执行计时器，所以不需要（）；

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

Blizzard_lihe
2016-09-04

在你的代码上改的，

1.把 startCount();换成 setTimeout("startCount()", 1000);

2.只有这样它才能调用里面的函数，制造一个向上的循环。第二个 setTimeout("startCount()", 1000);在网页加载出来先被调用一次，然后调用里面那个 setTimeout("startCount()", 1000);

望采纳！

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

#1

作死的花生酱提问者

我把“startCount();”换成“setTimeout("startCount()", 0);”，这样是能运行起来的，但是我不懂，为啥我不能直接调用startCount()函数。QAQ

2016-09-04 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

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

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

本课相似问答

1 回答函数的定义与调用

2 回答为什么两次调用函数，但是只有第一次才调用成功，第二次调用不成功的？

2 回答为什么定义函数名改成open时，结果就没有用。是因为函数名有限制么？

1 回答为什么main定义在函数之外就运行不成功，但是定义在函数里就可以

4 回答函数定义的时候有参数，调用的时候没有传参数，会是什么情况？

搜索更多本课相关问答

我定义的函数为什么没有被成功调用

我要回答关注问题

意见反馈帮助中心 APP下载