在我的 html 中,我有很多 div 元素。我想按顺序显示 div。现在我正在使用这段代码:
HTML:
<div id="text">
<img src="images/text.png" />
</div>
<div id="tv" style="display:none;">
<img src="images/tv.png" />
</div>
<div id="mobile" style="display:none;">
<img src="images/mcu.png" />
</div>
<div id="remote" style="display:none;">
<img src="images/rcu.png" />
</div>
Javascipt:
$(document).ready(function () {
setTimeout(function () {
$("#tv").show();
}, 3000);
setTimeout(function () {
$("#mobile").fadeIn(500);
}, 4500);
setTimeout(function () {
$("#remote").show();
}, 5500);
});
这段代码运行良好。在这里我有 4 个 div,所以我可以手动更改时间。但我需要的是,创建 50 个这样的 div,我需要按顺序显示。如果我对这 50 个 div 使用这个 setTimeout 意味着这将非常困难。
除了这个概念之外,还有什么方法可以按顺序显示 div。任何人都可以在这方面帮助我。
提前致谢。