我想用普通的javascript更改html网页中的文本，使用每1秒运行一次的无限循环，但网页在加载时卡住了
我想用普通的javascript更改html网页中的文本，使用每1秒运行一次的无限循环，但网页在加载时卡住了
提问于 2019-10-04 13:35:20
我有一个HTML代码片段
和javascript文件来处理更改。
const slideTitleArr =['financial Services', 'Management Services'];
function slidingTitle() {
for (let i = 0; i>-1; i++) {
if (i === slideTitleArr.length) {
i=0;
}
setTimeout(function timer() {
document.getElementById('sliding-title').innerHTML = slideTitleArr[i];
}, i*1000);
}
}
window.onload = slidingTitle()<h1>Trailblazing CRM for <span id="sliding-title"style="color: white">financial services</span> </h1>
我不知道为什么这不管用。
Stack Overflow用户
发布于 2019-10-04 13:46:20
它崩溃是因为您创建了一个无限循环(i>-1)，它阻止了setTimeout运行(here is useful post on the JS event loop/call stack)。您正在寻找setInterval。setInterval()将每隔n秒调用一个函数。
const slideTitleArr = ['financial Services', 'Management Services'];
let i = 0;
setInterval(() => {
i = i >= slideTitleArr.length - 1 ? 0 : i + 1;
document.getElementById('sliding-title').innerHTML = slideTitleArr[i];
}, 1000);<h1>Trailblazing CRM for
<span id="sliding-title">financial services</span>
</h1>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58230489
复制相关文章
相似问题
腾讯云开发者
