这是
实验性技术
检查
浏览器兼容性表格
要小心谨慎在生产中使用这之前。
只读
Animation.ready
特性为
Web 动画 API
返回
Promise
which resolves when the animation is ready to play. A new promise is created every time the animation enters the
"pending"
play state
as well as when the animation is canceled, since in both of those scenarios, the animation is ready to be started again.
Since the same
Promise
is used for both pending
play
and pending
pause
requests, authors are advised to check the state of the animation when the promise is resolved.
var readyPromise = Animation.ready;
A
Promise
which resolves when the animation is ready to be played. You'll typically use a construct similar to this when using the ready promise:
animation.ready.then(function() {
// Do whatever needs to be done when
// the animation is ready to run
});
In the following example, the state of the animation will be
running
当
current ready Promise
is resolved because the animation does not leave the
pending
play state in between the calls to
pause
and
play
and hence the
current ready Promise
does not change.
animation.pause();
animation.ready.then(function() {
// Displays 'running'
alert(animation.playState);
});
animation.play();
| 规范 | 状态 | 注释 |
|---|---|---|
|
Web 动画
The definition of 'Animation.ready' in that specification. |
工作草案 | 编者草案。 |
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
ready
|
Chrome 不支持 No | Edge 不支持 No |
Firefox
63
|
IE 不支持 No | Opera 不支持 No | Safari 不支持 No | WebView Android 不支持 No | Chrome Android 不支持 No |
Firefox Android
63
|
Opera Android 不支持 No | Safari iOS 不支持 No | Samsung Internet Android 不支持 No |
完整支持
不支持
实验。期望将来行为有所改变。
用户必须明确启用此特征。
动画