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

为什么不能无限调用？是不是编辑器问题？

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

document.write(num);

setTimeout("startCount()",1000);

}

</script>

</head>

<body>

<form>

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

<input type="button" id="kaishi" value="start" onclick="startCount()"/>

</form>

</body>

</html>

慕虎3994276

2018-08-25

源自：JavaScript进阶篇 8-5

关注问题我要回答

1103

操作

收起

5 回答

EvilFrankie
2018-09-23

不可以使用 document.write 在这个 function 里面， js是一个从上到下的执行语言，第一次执行function时由于有document.write 的原因原始html文件中的 <form></form>中的所有代码被 function中的document.write(num); 抹去并替代所以js 将无法找寻到 id 为 count 的 <input />标签，从而无法将value 赋给 <input />.

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

迈克尔_
2018-09-03

删去 document.write(num);

如一楼所说，在你的实例里，已经实现了无限循环，只是文本框被覆盖了没有显示；

详细点说，当你点击start按钮时，你的文本框和按钮消失了，只显示了1，并不是没有无限调用，而是被document.write(num)输出的“1”覆盖，而不显示了。

不要随意使用document.write()，在HTML文档加载完成后，执行document.write()输出语句会覆盖所有已加载完成的HTML元素，只显示 document.write()输出内容——也就是案例里显示的“1”。

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

跟我一起读_biang
2018-08-27

不要在function StartCount里写任何输出，比如你写的document.write(num); 我们写StartCount函数的目的只是单纯的为了修改文本框的值，如果你写了输出语句，浏览器会显示输出语句的内容，但是文本框就不会显示出来了，你就看不到文本框中数字的变化。

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

niuniu11
2018-08-25

settimeout就是用来调一次的无限调用的要用setinterval

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

举报

0/150

提交

取消

JavaScript进阶篇

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

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

本课相似问答

8 回答你们现在用的是什么编辑器

1 回答网站编辑器预览是不是有BUG？

3 回答编辑器问题吗？

3 回答Help！为什么我的代码无法加载，无论是网页，还是慕课的编辑器。

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

搜索更多本课相关问答

为什么不能无限调用？是不是编辑器问题？

我要回答关注问题

意见反馈帮助中心 APP下载