Ich habe mehrere Funktionen, um verschiedene Animationen für verschiedene Teile des HTML zu erstellen. Ich möchte diese Funktionen verketten oder in eine Warteschlange stellen, damit sie die Animationen nacheinander und nicht gleichzeitig ausführen.

Ich versuche, mehrere Ereignisse nacheinander zu automatisieren, um den Eindruck zu erwecken, dass ein Benutzer auf verschiedene Schaltflächen oder Links geklickt hat.

Ich könnte dies wahrscheinlich mit Rückruffunktionen tun, aber dann müsste ich alle Animationen aus den verschiedenen Funktionen ziehen und im richtigen Muster neu gruppieren.

Hilft die jquery "queue"? Ich konnte das nicht verstehenDokumentation für die Warteschlange.

Beispiel JQuery:

 function One() {
        $('div#animateTest1').animate({ left: '+=200' }, 2000);
    }
    function Two() {
        $('div#animateTest2').animate({ width: '+=200' }, 2000);
    }

// Call these functions sequentially so that the animations
// in One() run b/f the animations in Two()
    One();
    Two();

HTML:

    <div id="animatetest" style="width:50px;height:50px;background-color:Aqua;position:absolute;"></div>
    <div id="animatetest2" style="width:50px;height:50px;background-color:red;position:absolute;top:100px;"></div>

Vielen Dank.

EDIT: Ich habe es mit versuchtTimer aber ich dachte, es gibt einen besseren Weg, es zu tun.

EDIT # 2:

Lassen Sie mich genauer sein. Ich habe mehrere Funktionen, um Ereignisse auf verschiedenen Elementen der Seite anzuklicken und zu bewegen. Normalerweise haben diese Funktionen nichts miteinander zu tun (sie verweisen nicht aufeinander). Ich möchte einen Benutzer simulieren, der diese Ereignisse durchläuft, ohne den Code meiner vorhandenen Funktionen zu ändern.