jquery - jQueryは各要素を遅延させてアニメーション化し、開始時に遅延させます

Question

私はアニメーション化している一連のdivを持っています。次の jquery は、これを行う際にうまく機能します。

function animatePanels() {
    $panels = $('.panel');
    $panels.each(function (i) {
        $(this).delay(5000 * i).animate({ left: '-300' }, 200);
    });
}

animatePanels();

ただし、ページが読み込まれるように、アニメーションの最初の繰り返しを遅らせたいと思います。5000 ミリ秒待ってから最初のアニメーションが発生し、5000 ミリ秒遅れてから次のアニメーションが発生します。現在、最初のアニメーションはすぐに起動します。アニメーションの前に遅延が呼び出されると思っていたので、これがなぜなのか完全にはわかりませんか?

私はこれを試しました：

setTimeout(animatePanels(), 5000);

しかし、影響はありません。

誰かがこれについて私をまっすぐに設定できますか?

ありがとう！