Javascript 加载时淡入延迟

我已经找到了一些非常好的东西，我想用在一些即将到来的项目中

这是加载时的动画不透明度，也可以称之为淡入

我想知道是否可以将一些元素链接在一起（例如3），这样

element2

只在

element1

完成时开始，而

element3

只在第2个完成时开始

---

或者，如果您在

元素2

上定义一个延迟，并将

元素3

上的延迟相乘？

如果您有div，比如

class=“flade”

，则可以在加载时淡入，每一行如下：

$(".faded").each(function(i) {
  $(this).delay(i * 400).fadeIn();
});

$(".faded").hide()

，或。

400

为400ms，正常速度的持续时间：）

您可以使用在页面加载时隐藏它们，如下所示：

$(".faded").each(function(i) {
  $(this).delay(i * 400).fadeIn();
});

$(".faded").hide()

或者在CSS中执行此操作：

.faded { display: none; }

---

您可以让element2上的fadeIn在element1的完成回调时间开始：

 element1.fadeIn(500, function() {  
       element2.fadeIn(500, function() { 
            etc...

---

因为我不相信这些类型的动画有任何成功回调的方法，如果你知道一个元素需要多长时间才能淡入淡出，你可以使用setTimeout（）之类的方法在经过适当的时间后触发下一个

---

编辑：我的观点是正确的。

虽然这对一些人来说是有效的，但当你超过3个左右时，它就真的不好看了：）非常感谢你。。。这正是我想要的！：-）一般来说，这是使用@zzzzBov来完成的。我想知道如何使用排队来完成，如果它有任何优点，也许你可以将它作为一个新的答案发布。@PhilippM，不需要太多细节，你可以在一个元素上设置一个队列（我通常在对多个元素排队时选择一个公共父元素），然后。