使用setTimeout()方法显示下一个数组元素
使用setTimeout()方法显示下一个数组元素
提问于 2018-06-14 05:16:51
为什么我的段落在延迟后没有显示第三个数组元素？我是否应该使用clearTimeout()
document.getElementById("helloText").innerHTML = combined[0];
setTimeout(function(){ document.getElementById("helloText").innerHTML = combined[1]; }, 1000);
setTimeout(function(){ document.getElementById("helloText").innerHTML = combined[2]; }, 1000);
回答 1
Stack Overflow用户
发布于 2018-06-14 06:29:14
您的两个setTimeout()函数都在1秒后被调用，因此您的文本会在相同的时间延迟后发生变化。
这就是为什么你只能看到一个数组元素，而不是两个都看到的原因。
尝试将第二个setTimeout从延迟1000更改为2000。
如果它们都是1000，那么你只能看到其中的一个。
var combined = ["1. dog", "2. cat", "3. lizard"]
document.getElementById("helloText").innerHTML = combined[0];
setTimeout(function() {
document.getElementById("helloText").innerHTML = combined[1];
}, 1000);
setTimeout(function() {
document.getElementById("helloText").innerHTML = combined[2];
}, 2000);<div id="helloText">hi</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50846405
复制相关文章
相似问题
腾讯云开发者
