gpt4 book ai didi

javascript - jQuery 在设置间隔之前执行?

转载 作者:行者123 更新时间:2023-11-29 23:15:42 25 4
gpt4 key购买 nike

此脚本每 5 秒更改一次 DIV 文本,但是,它在 5 秒后开始,我如何在页面加载后第一次更改文本,然后每 5 秒更改一次?

var text = ["1", "2", "3", "4", "5"];
var counter = 0;
var elem = document.getElementById("textas");
var inst = setInterval(change, 5000);

function change() {
elem.innerHTML = text[counter];
counter++;
if (counter >= text.length) {
counter = 0;
// clearInterval(inst); // uncomment this if you want to stop refreshing after one cycle
}
}

最佳答案

setInterval 方法 间接调用change 函数一次。
此外,您可以设置一个最大数量,而不是使用包含所有迭代的数组。

var counter = 0,
maxNumber = 5,
elem = document.getElementById('textas'),
inst = setInterval(change, 5000);

function change() {
counter++;
elem.innerHTML = counter;
if (counter >= maxNumber) {
counter = 0;
}
}

change();
<h1 id="textas"></h1>

关于javascript - jQuery 在设置间隔之前执行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52881739/

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