> For the complete documentation index, see [llms.txt](https://docs.responsiveads.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/animation-timeline/timed-actions.md).

# Timed Actions

Timed actions can be used to create 'Complex Interactions' within your ads. This allows you to create ads which are truly engaging and memorable. To demonstrate how these ads can be setup, take a look at the example below:

### Example of a Complex Interaction

Follow this [link](https://studio.responsiveads.com/creatives/678a5444f14ec64f6b533440/preview?#/responsive-all) to view the advert shown below uses complex interactions between animated elements to create an eye-catching and unique ad.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdowaPSgnBqzZyMPSG1Oss5Gn_o71Q1nyJxhXs7aljqqjuUNucN-uX18jkgUFLNh9_4t9GDSbJsKGcN0TAWoS04DCZ32TDWIIEJGwPMG8MBcrIgTQuHJ7KzF01ZvtJP8GKgrmuN?key=fLFEbu5gwcUoTIS9-KjAGvBE" alt=""><figcaption><p>This advert contains complex interactions between clickable animated elements.</p></figcaption></figure>

<br>

***

## How to Add a Timed Action

* On the **Actions row** of the timeline, click the “+” **button**.
* A small square labeled “**0**” will appear at the position of the **playhead** (the current time).
* Select the square, then click the “**Actions**” button in the **Animation Timeline (AT) top bar**.
* In the pop-up window, choose the action you want to add from the dropdown menu.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdtN6599cwJalaQHZ0MQ7I0DIxcK4tmbU6LpQOj8Bt2QyXnu2d32uhYH3BfPvjQMnzQdmImIdvDYlkyPZ3ZGi2MB2_y1VuAFHf2YexTkkp0d3-mEiDiwFLfX4Y0p-9tf2KKRdE4JQ?key=fLFEbu5gwcUoTIS9-KjAGvBE" alt=""><figcaption><p>How to add a timed action to the animation timeline</p></figcaption></figure>

### Types of Timed Actions

There are five types of timed actions available:

* **Show / Hide Element**\
  Display or hide a specific element at a chosen time.<br>
* **Carousel Navigation**\
  For example: Navigate to the next or previous slide at a specific time.\
  (Requires a carousel component in your creative.)<br>
* **Animation Actions**\
  Useful when coordinating with element triggers. (i.e. you can use “Play Animation” or “Pause Animation) for interactive scenarios). Types of animation actions are:
  * Pause Animation
  * Restart Animation
  * Seek Animation (jump to a specific time in the animation)\ <br>

### Multiple Actions at the Same Time

* You can add multiple actions to the same point in time.
* The square on the timeline will display a number indicating how many actions are scheduled at that specific moment.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcc5iUal9WpzSH9WcOrvDU297W1K6zWgT9KEMXaitU9PqiIZGhrXd0O4uv_51OYf42tj6by4ZH5vjKtmOOw0fHcoRE2xXl1T_eeVusJUq3Xa7VxIC9cvbUCtz5K-4d4G0XWiTNbzA?key=fLFEbu5gwcUoTIS9-KjAGvBE" alt=""><figcaption><p>The grey squares with numbers in the 'Actions' row show how many actions happen at a specific point on the timeline</p></figcaption></figure>

<br>