# class AnimationEffectTimingReadOnly

#### package js.html

Available on HTML5

The `AnimationEffectTimingReadOnly` interface of the Web Animations API is comprised of timing properties.

Documentation AnimationEffectTimingReadOnly by Mozilla Contributors, licensed under CC-BY-SA 2.5.

See:

https://developer.mozilla.org/en-US/docs/Web/API/AnimationEffectTimingReadOnly

### Variables

###

`read onlydelay:Float`

The number of milliseconds to delay the start of the animation. Defaults to `0`.

###

`read onlydirection:PlaybackDirection`

Whether the animation runs forwards (`normal`), backwards (`reverse`), switches direction after each iteration (`alternate`), or runs backwards and switches direction after each iteration (`alternate-reverse`). Defaults to `normal`.

###

`read onlyduration:EitherType<Float, String>`

The number of milliseconds each iteration of the animation takes to complete. Defaults to `0`.

###

`read onlyeasing:String`

The rate of the animation's change over time. Accepts the pre-defined values `linear`, `ease`, `ease-in`, `ease-out`, and `ease-in-out`, or a custom cubic-bezier value like `cubic-bezier(0.42, 0, 0.58, 1)`. Defaults to `linear`.

###

`read onlyendDelay:Float`

The number of milliseconds to delay after the end of an animation. This is primarily of use when sequencing animations based on the end time of another animation. Defaults to `0`.

###

`read onlyfill:FillMode`

Dictates whether the animation's effects should be reflected by the element(s) state prior to playing (`backwards`), retained after the animation has completed playing (`forwards`), or `both`. Defaults to `none`.

###

`read onlyiterationStart:Float`

A number representing which repetition the animation begins at and its progress through it.

###

`read onlyiterations:Float`

The number of times the animation should repeat. Defaults to `1`, and can also take a value of infinity to make it repeat infinitely.