0

jQuery で setTimeout 関数を使用してアニメーションを作成しようとしています。これはうまく機能し、アニメーションは完璧に機能しますが、私のコードは非常に混乱しています。

setTimeout(function() {
            $('p').fadeOut();

            setTimeout(function() {
                var heightLoading = $('#loading').height();
                $("#loading").css("margin-top", height);
                $('#loading').html("Anyways, I am a <span>Web Designer</span> and <span>Front-end Developper</span>").fadeIn();

                setTimeout(function() {
                    $('#name').fadeIn();
                }, 2000);
            }, 1000)
        }, 3000);

      }, 800);
}, 2000);

これを行う別の方法はありますか？今は setTimeout 内の setTimeout などです。このままだと本当に混乱します。

前もって感謝します！

4

1 に答える 1

0

setTimeout をスキップし、組み込みのタイミングとコールバックを使用することで、連鎖を少し単純化できます。

$('p').fadeOut(800, function () { var heighLoading....

関数のネストをさらに削除したい場合は、役立つプラグインがここにあります。

http://creativecouple.github.io/jquery-timing/

于 2013-04-12T02:14:35.157 に答える