Javascript 是否以连续方式执行循环中的所有元素？

如何在循环中执行函数，使循环中的下一个元素仅在前一个元素完成时执行

$(".welcome>p").each(function() {
    var $this = $(this);
    setTimeout(function() {
        $this.animate({
            opacity: 1
        }, 600);
    });

});

因此，此代码中的所有p元素将同时运行。如何更改它，使p元素按顺序逐个显示

谢谢，

---

YonL

每个

的第一个参数是
索引，因此您可以使用该索引来增加
设置超时
，如下所示：

$(".welcome>p").each(function( idx ) {
    var $this = $(this);
    setTimeout(function() {
        $this.animate({
            opacity: 1
        }, 600);
    }, idx * 600);

});

每个
的第一个参数是
索引
，因此可以使用该索引来增加
设置超时
，如下所示：

$(".welcome>p").each(function( idx ) {
    var $this = $(this);
    setTimeout(function() {
        $this.animate({
            opacity: 1
        }, 600);
    }, idx * 600);

});

每个
的第一个参数是
索引
，因此可以使用该索引来增加
设置超时
，如下所示：

$(".welcome>p").each(function( idx ) {
    var $this = $(this);
    setTimeout(function() {
        $this.animate({
            opacity: 1
        }, 600);
    }, idx * 600);

});

每个
的第一个参数是
索引
，因此可以使用该索引来增加
设置超时
，如下所示：

$(".welcome>p").each(function( idx ) {
    var $this = $(this);
    setTimeout(function() {
        $this.animate({
            opacity: 1
        }, 600);
    }, idx * 600);

});