如何在HTML中的每个项目之间打印带有延迟的列表

Yee*_*ter 2 html javascript for-loop list delay

<html>
    <body>
        //Id for each item
        <p id=1></p>
        <p id=2></p>
        <p id=3></p>
        <script>
            for(i = 0; i < 3; i++) {
                window.setTimeout(press, 1000);
                //Should use For loop variable to fetch and print specific element's Id
                function press() {
                    document.getElementById(i).innerHTML = i;   
                }
            }
        </script>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

我对所有这些都有些菜鸟。我从w3schools获得的大多数命令,我只是试图将所有内容一点一点地拼凑起来。

Nic*_*ick 5

您可以将参数传递给timeout函数,因此我们可以使用它来显示第一个值,然后递增该值并再次开始超时(如果值为)<= 3

window.setTimeout(press, 1000, 1);
//Should use For loop variable to fetch and print specific element's Id
function press(j) {
  document.getElementById(j).innerHTML = j;
  if (++j <= 3) window.setTimeout(press, 1000, j);
}
Run Code Online (Sandbox Code Playgroud)
//Id for each item
<p id=1></p>
<p id=2></p>
<p id=3></p>
Run Code Online (Sandbox Code Playgroud)