我有一个像这样的标准清单:

<ul>
<li style="display: none;">..</li>
<li style="display: none;">..</li>
<li style="display: none;">..</li>
</ul>


我想一次淡入每个元素。如何遍历每个元素并在相隔2秒的时间内显示它?换句话说,当页面加载时,显示第一个元素……2秒钟后,显示第2个元素,然后显示2秒钟,然后显示第3个元素,依此类推,直到全部完成。

最佳答案

您可以使用内置在delay方法中的jQuery

$('ul > li').each(function(i, element) {
    $(element).delay(i * 2000).fadeIn();
});

关于javascript - 如何遍历列表和淡入时间间隔?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/4855069/

10-12 01:13
查看更多