Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The AnimationEffect interface of the Web Animations API defines current and future animation effects like KeyframeEffect, which can be passed to Animation objects for playing, and KeyframeEffect (which is used by CSS Animations and Transitions).
AnimationEffect.getTiming()Returns the object associated with the animation containing all the animation's timing values.
AnimationEffect.getComputedTiming()Returns the calculated timing properties for this AnimationEffect.
AnimationEffect.updateTiming()Updates the specified timing properties of this AnimationEffect.
| Specification |
|---|
| Web Animations # the-animationeffect-interface |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
AnimationEffect |
75 |
79 |
63
48-63
|
No |
62 |
13.1 |
75 |
75 |
63
48-63
|
54 |
13.4 |
11.0 |
getComputedTiming |
75 |
79 |
63 |
No |
62 |
13.1 |
75 |
75 |
63 |
54 |
13.4 |
11.0 |
getTiming |
75 |
79 |
63 |
No |
62 |
13.1 |
75 |
75 |
63 |
54 |
13.4 |
11.0 |
updateTiming |
75 |
79 |
63 |
No |
62 |
13.1 |
75 |
75 |
63 |
54 |
13.4 |
11.0 |
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/AnimationEffect