This interface inherits its properties from
AnimationEffectTimingReadOnly, but in a non-read only form.
This interface inherits its properties from its parent,
AnimationEffectTimingReadOnly, in a non-read only form.
- The number of milliseconds to delay the start of the animation. Defaults to
- 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
- 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 (
both. Defaults to
- A number representing the which repetition the animation begins at and its progress through it.
- The number of times the animation should repeat. Defaults to
1, and can also take a value of infinity to make it repeat infinitely.
- The number of milliseconds each iteration of the animation takes to complete. Defaults to
- 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
- The rate of the animation's change over time. Accepts the pre-defined values
ease-in-out, or a custom cubic-bezier value like
cubic-bezier(0.42, 0, 0.58, 1). Defaults to
In the Growing and Shrinking Alice example, we set Alice's animation —
aliceChange — at halfway complete by getting the duration of its
timing attribute, which returns an
aliceChange.currentTime = aliceChange.effect.timing.duration / 2 ;
The definition of 'AnimationEffectTiming' in that specification.
|Working Draft||Editor's draft.|
|Feature||Android webview||Chrome for Android||Edge mobile||Firefox for Android||Opera Android||iOS Safari||Samsung Internet|
|Basic support||?||?||No||481 2||No||No||?|
1. The preference is set to
true by default on Firefox Nightly and on Firefox Developer Edition, but not on the official release.
2. From version 48: this feature is behind the
dom.animations-api.core.enabled preference (needs to be set to
true). To change preferences in Firefox, visit about:config.