---
title: "ComputedEffectTiming | 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 ComputedEffectTiming

interface ComputedEffectTiming {  
    [activeDuration](#activeduration)?: [CSSNumberish](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CSSNumberish/);  
    [currentIteration](#currentiteration)?: number | null;  
    [delay](#delay)?: number;  
    [direction](#direction)?: [PlaybackDirection](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.PlaybackDirection/);  
    [duration](#duration)?: string | number | [CSSNumericValue](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CSSNumericValue/);  
    [easing](#easing)?: string;  
    [endDelay](#enddelay)?: number;  
    [endTime](#endtime)?: [CSSNumberish](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CSSNumberish/);  
    [fill](#fill)?: [FillMode](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.FillMode/);  
    [iterations](#iterations)?: number;  
    [iterationStart](#iterationstart)?: number;  
    [localTime](#localtime)?: [CSSNumberish](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CSSNumberish/) | null;  
    [playbackRate](#playbackrate)?: number;  
    [progress](#progress)?: number | null;  
    [startTime](#starttime)?: [CSSNumberish](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CSSNumberish/);  
}

#### Hierarchy ([View Summary](https://docs.maptiler.com/sdk-js/api-reference/hierarchy/#Externals.ComputedEffectTiming))

-   [EffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/)
    -   ComputedEffectTiming

##### Index

### Properties[](#properties)

[activeDuration?](#activeduration) [currentIteration?](#currentiteration) [delay?](#delay) [direction?](#direction) [duration?](#duration) [easing?](#easing) [endDelay?](#enddelay) [endTime?](#endtime) [fill?](#fill) [iterations?](#iterations) [iterationStart?](#iterationstart) [localTime?](#localtime) [playbackRate?](#playbackrate) [progress?](#progress) [startTime?](#starttime)

## Properties[](#properties-1)

### `Optional`activeDuration[](#activeduration)

activeDuration?: [CSSNumberish](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CSSNumberish/)

### `Optional`currentIteration[](#currentiteration)

currentIteration?: number | null

### `Optional`delay[](#delay)

delay?: number

Inherited from [EffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/).[delay](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/#delay)

### `Optional`direction[](#direction)

direction?: [PlaybackDirection](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.PlaybackDirection/)

Inherited from [EffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/).[direction](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/#direction)

### `Optional`duration[](#duration)

duration?: string | number | [CSSNumericValue](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CSSNumericValue/)

Inherited from [EffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/).[duration](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/#duration)

### `Optional`easing[](#easing)

easing?: string

Inherited from [EffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/).[easing](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/#easing)

### `Optional`endDelay[](#enddelay)

endDelay?: number

Inherited from [EffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/).[endDelay](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/#enddelay)

### `Optional`endTime[](#endtime)

endTime?: [CSSNumberish](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CSSNumberish/)

### `Optional`fill[](#fill)

fill?: [FillMode](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.FillMode/)

Inherited from [EffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/).[fill](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/#fill)

### `Optional`iterations[](#iterations)

iterations?: number

Inherited from [EffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/).[iterations](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/#iterations)

### `Optional`iterationStart[](#iterationstart)

iterationStart?: number

Inherited from [EffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/).[iterationStart](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/#iterationstart)

### `Optional`localTime[](#localtime)

localTime?: [CSSNumberish](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CSSNumberish/) | null

### `Optional`playbackRate[](#playbackrate)

playbackRate?: number

Inherited from [EffectTiming](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/).[playbackRate](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.EffectTiming/#playbackrate)

### `Optional`progress[](#progress)

progress?: number | null

### `Optional`startTime[](#starttime)

startTime?: [CSSNumberish](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CSSNumberish/)