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获得的大多数命令,我只是试图将所有内容一点一点地拼凑起来。
您可以将参数传递给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)