---
title: "AnimationEffect | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# Interface AnimationEffect

The **`AnimationEffect`** interface of the Web Animations API is an interface representing animation effects.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/AnimationEffect)

interface AnimationEffect {  
    [getComputedTiming](#getcomputedtiming-1)(): [ComputedEffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ComputedEffectTiming/);  
    [getTiming](#gettiming-1)(): [EffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/);  
    [updateTiming](#updatetiming-1)(timing?: [OptionalEffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.OptionalEffectTiming/)): void;  
}

##### Index

### Methods[](#methods)

[getComputedTiming](#getcomputedtiming) [getTiming](#gettiming) [updateTiming](#updatetiming)

## Methods[](#methods-1)

### getComputedTiming[](#getcomputedtiming)

-   getComputedTiming(): [ComputedEffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ComputedEffectTiming/)[](#getcomputedtiming-1)
    
    The **`getComputedTiming()`** method of the AnimationEffect interface returns the calculated timing properties for this animation effect.
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/AnimationEffect/getComputedTiming)
    
    #### Returns [ComputedEffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ComputedEffectTiming/)
    

### getTiming[](#gettiming)

-   getTiming(): [EffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/)[](#gettiming-1)
    
    The **`AnimationEffect.getTiming()`** method of the AnimationEffect interface returns an object containing the timing properties for the Animation Effect.
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/AnimationEffect/getTiming)
    
    #### Returns [EffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/)
    

### updateTiming[](#updatetiming)

-   updateTiming(timing?: [OptionalEffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.OptionalEffectTiming/)): void[](#updatetiming-1)
    
    The **`updateTiming()`** method of the AnimationEffect interface updates the specified timing properties for an animation effect.
    
    [MDN Reference](https://developer.mozilla.org/docs/Web/API/AnimationEffect/updateTiming)
    
    #### Parameters
    
    -   `Optional`timing: [OptionalEffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.OptionalEffectTiming/)
    
    #### Returns void