计时器setTimeout()-慕课网

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

计时器setTimeout()

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

木槿111

2017-06-02 14:15

<!DOCTYPE HTML>

<html>

<head>

var num=0;

function startCount() {

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

num=num+1;

setTimeout("startCount()",1000);

}

startCount(); //调用函数，为什么没反应？？？

</script>

</head>

<body>

<form>

</form>

</body>

</html>

写回答关注

3回答

菜鸟Kira

2017-06-07 13:24:19

已采纳

是因为你的页面还没有加载完就开始调用执行函数，把JS代码挪到下面就可以了
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
</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 2

木槿111

非常感谢！

2017-06-08 22:09:57

共 1 条回复 >

辣椒加冰: 2017-06-06 11:09:29

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

    setTimeout("startCount()",1000);

  }

  startCount();  //调用函数，为什么没反应？？？

  

</script>

</head>

<body>

<form>

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

</form>

</body>

</html>

你定义的num要写在function()外面，不然运行都是零

0 0