最新的Web开发教程
 

Style animationPlayState Property

<Style对象

暂停动画:

// 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对象