gpt4 book ai didi

javascript - 如何使用 Javascript 在 "for loop"的每次迭代期间添加暂停?

转载 作者:行者123 更新时间:2023-12-02 15:39:01 24 4
gpt4 key购买 nike

场景:我有一系列单词及其相应的含义,我必须在不同的 DIV 中按间隔显示它们。以下是我编写的代码:

<body>
<div id="worsd">
</div>
<div id="meaning">
</div>
<script>
var wordss = [["word1","meaning1"],["word2","meaning2"],["word3","meaning3"]];
for(var i =0;i<wordss.length;i++)
{
var hellooo = wordss[i][0];
var hellooo1 = wordss[i][1];
document.getElementById('worsd').innerHTML = hellooo;
document.getElementById('meaning').innerHTML = hellooo1;
}
</script>
</body>

请提供宝贵的指导来帮助我实现这一目标。

非常感谢!

最佳答案

您无法进行延迟,但您可以设置一个计时器来定期更新文本。

我保留了您命名的变量,但我将这些变量包装在 Immediately-invoked function expression 中以保持全局范围的清洁。顺便说一句,这不是必需的。

<body>
<div id="worsd">
</div>
<div id="meaning">
</div>
<script>
(function() // Wrap in immediately invoked function.
{
var wordss = [["word1","meaning1"],["word2","meaning2"],["word3","meaning3"]];
var i = 0;

// Function that just shows the next word every time it is called.
function nextWord() {
var hellooo = wordss[i][0];
var hellooo1 = wordss[i][1];
document.getElementById('worsd').innerHTML = hellooo;
document.getElementById('meaning').innerHTML = hellooo1;
if (++i >= wordss.length)
i = 0; // Wrap when the last element is passed.
};

// Set a timer to call the function every 2 seconds.
setInterval(nextWord, 2000);

// Show the first word right away.
nextWord();
})();
</script>
</body>

关于javascript - 如何使用 Javascript 在 "for loop"的每次迭代期间添加暂停?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32724721/

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