setTimeout()使用问题。。-慕课网

首页课程实战体系课手记专栏慕课教程

setTimeout()使用问题。。

来源：8-5 计时器setTimeout()

H0先生

2015-09-02 10:40

函数外层不用setTimeout（），直接调用函数为什么不能显示？。。但是添加一个点击控件按钮来调用的话又可以显示了？。

写回答关注

1回答

无敌蜗牛: 2015-09-02 11:40:03

<!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); 
  }
//   setTimeout("startCount()",1000);
  startCount();
</script>
</body>
</html>

把你的js代码放到body结束标签之前就可以了。浏览器是按照页面代码从上到下执行的，如果放在上面，执行js的时候页面上还没有“count”这个input标签，当然执行不了。用setTimeout设置一秒后才执行，这时浏览器已经加载了input标签，所以就可以执行了

1 2

H0先生

可以了，谢谢解答。。。

2015-09-02 16:59:23

共 1 条回复 >

JavaScript进阶篇

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

468190 学习 · 21891 问题

查看课程

相似问题

setTimeout()问题