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

为什么要调用两次setTimeout()才能生效？

<!DOCTYPE HTML>

<html>

<head>

var num=0;

function startCount() {

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

num=num+1;

setTimeout("startCount('num')",1000);

}

setTimeout("startCount('num')",1000);

</script>

</head>

<body>

<form>

</form>

</body>

</html>

宝码

2022-07-04

源自：JavaScript进阶篇 8-5

关注问题我要回答

674

操作

收起

3 回答

qq_爱偷猫的鱼_0
2022-09-29

有3个问题：

1、startCount不需要传参

2、<script >标签要放到<body>最后，否则 document.getElementById('count').value 会报错

3、js第一层（你的代码中的第二个setTimeout），这里应该是调用函数startCount()，类似示例里面的

onClick="numCount()"

修改代码如下：

<!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('num')",1000);
     setTimeout("startCount()",1000);

  }
  startCount();
     //setTimeout("startCount('num')",1000);

</script>
</body>

</html>