例
暂停动画:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationPlayState = "paused";
// Standard syntax
document.getElementById("myDIV").style.animationPlayState = "paused";
试一试» 定义和用法
该animationPlayState属性指定动画是否正在运行或暂停。
Note:使用此属性在一个周期的中间暂停的动画。
浏览器支持
在表中的数字规定,完全支持该财产浏览器版本。
数字后面的Webkit,万盎司或O指定的前缀工作的第一个版本。
属性 | |||||
---|---|---|---|---|---|
animationPlayState | 43.0 4.0的Webkit | 10.0 | 16.0 5.0万盎司 | 4.0的Webkit | 30.0 15.0的Webkit 12.1 12.0Ø |
注:浏览器,Safari和Opera支持替代方案,WebkitAnimation财产。
句法
返回animationPlayState属性:
object .style.animationPlayState
设置animationPlayState属性:
object .style.animationPlayState="running|paused|initial|inherit"
属性值
值 | 描述 |
---|---|
running | 默认值。 指定在动画运行 |
paused | 指定动画暂停 |
initial | 将此属性设置为默认值。 阅读关于初始 |
inherit | 继承其父元素此属性。 阅读关于继承 |
技术细节
默认值: | 赛跑 |
---|---|
返回值: | 一个字符串,代表元素的动画播放-state属性 |
CSS版本 | CSS3 |
相关页面
CSS参考: animation-play-state property
<Style对象