AnimationEffect

这是 实验性技术
检查 浏览器兼容性表格 在生产中使用这之前。

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 KeyframeEffectReadOnly (which is used by CSS Animations and 过渡 ).

方法

AnimationEffect.getTiming()
返回 EffectTiming 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 .

规范

规范 状态 Comment
Web 动画
The definition of 'AnimationEffect' in that specification.
工作草案 Editor's draft.

浏览器兼容性

更新 GitHub 上的兼容性数据
Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
AnimationEffect Chrome 75 Edge 79 Firefox 63
63
不支持 48 — 63
Alternate Name
Alternate Name Uses the non-standard name: AnimationEffectReadOnly
IE No Opera 62 Safari 13.1 WebView Android 75 Chrome Android 75 Firefox Android 63
63
不支持 48 — 63
Alternate Name
Alternate Name Uses the non-standard name: AnimationEffectReadOnly
Opera Android 54 Safari iOS 13.4 Samsung Internet Android 11.0
getComputedTiming Chrome 75 Edge 79 Firefox 63 IE No Opera 62 Safari 13.1 WebView Android 75 Chrome Android 75 Firefox Android 63 Opera Android 54 Safari iOS 13.4 Samsung Internet Android 11.0
getTiming Chrome 75 Edge 79 Firefox 63 IE No Opera 62 Safari 13.1 WebView Android 75 Chrome Android 75 Firefox Android 63 Opera Android 54 Safari iOS 13.4 Samsung Internet Android 11.0
updateTiming Chrome 75 Edge 79 Firefox 63 IE No Opera 62 Safari 13.1 WebView Android 75 Chrome Android 75 Firefox Android 63 Opera Android 54 Safari iOS 13.4 Samsung Internet Android 11.0

图例

完整支持
完整支持
不支持
不支持
使用非标名称。

另请参阅