1

我对 JavaScript 很陌生，似乎无法让 setTimeout 命令做任何事情。我知道这已经被问过很多次了，但是我花了两个小时查看以前的所有案例，但它仍然不适合我。这是我目前得到的：

<html>
    <script type="text/javascript">

    var i = 0;
    function aloop() {
        document.write(i);
        i++;
    }

    function afunction() {
        if (i <= 12) {
            setTimeout(aloop(), 1000);
            afunction();
        }
    }

    </script>

    <form>
    <input type=submit value="Click me!" onClick="afunction()">
</html>

谁能告诉我我应该怎么做才能完成这项工作？

4

3 回答 3

4

将函数传递给setTimeout，而不是函数调用的返回值。

setTimeout(aloop,1000);
于 2012-12-06T20:53:10.647 回答
1

您没有描述什么不起作用，但我假设您希望i以 1000 毫秒的间隔写入。

做这个：

<html>
 <!-- you're missing your head tags -->

<head>
    <title> my page </title>

    <script type="text/javascript">
    var i=0;
    function aloop() {
          // don't use document.write after the DOM is loaded
        document.body.innerHTML = i;
        i++;
        afunction(); // do the next call here
    }
    function afunction() {
        if (i<=12) {
                 //     v---pass the function, don't call
            setTimeout(aloop,1000);

      //    afunction();  // remove this because it'll call it immediately
        }
    }
    </script>
</head>

<!-- you're missing your body tags -->
<body>
    <form>
        <input type=submit value="Click me!" onClick="afunction()">
    </form> <!-- you're missing your closing form tag --> 
</body>
</html>
于 2012-12-06T20:59:42.997 回答
1

问题是你调用你的函数而不是排队你的函数。

setTimeout(aloop, 1000) 不是 setTimeout(aloop(), 1000);

于 2012-12-06T20:53:25.247 回答