# Sequencing animations

**URL:** <https://discourse.mozilla.org/t/sequencing-animations/114767>\
**Category:** Learn\
**Created:** [May 23, 2023, 1:14pm UTC](https://discourse.mozilla.org/t/sequencing-animations/114767 "2023-05-23T13:14:00Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![eGO\_Vitae](https://avatars.discourse-cdn.com/v4/letter/e/7993a0/32.png) [@eGO\_Vitae](https://discourse.mozilla.org/u/eGO_Vitae)\
**Post date:** [May 23, 2023, 1:14pm UTC](https://discourse.mozilla.org/t/sequencing-animations/114767/1 "2023-05-23T13:14:00Z")

</div>

alice1.animate(aliceTumbling, aliceTiming).finished

.then(() =\> alice2.animate(aliceTumbling, aliceTiming).finished)

.then(() =\> alice3.animate(aliceTumbling, aliceTiming).finished)

.catch(error =\> console.error(`Error animating Alices: ${error}`));

Hello, could you explain what finished is here for?

---

<div class="post-metadata">

**Author:** ![horusofoz](https://avatars.discourse-cdn.com/v4/letter/h/6a8cbe/32.png) [@horusofoz](https://discourse.mozilla.org/u/horusofoz)\
**Post date:** [June 29, 2023, 12:37pm UTC](https://discourse.mozilla.org/t/sequencing-animations/114767/2 "2023-06-29T12:37:42Z")

</div>

**[Finished](https://developer.mozilla.org/en-US/docs/Web/API/Animation/finished)** contains the **Promise** returned by the **animate** call. We then chain **then** onto the **Promise** to set the next step in the operation.