gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 13:40:03 25 4
gpt4 key购买 nike

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

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

最佳答案

您可以将参数传递给超时函数,这样我们就可以使用它来显示第一个值,然后递增它并在值为 <= 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);
}
//Id for each item
<p id=1></p>
<p id=2></p>
<p id=3></p>

关于javascript - 如何在 HTML 中的每个项目之间延迟打印列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58177666/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com