目录

style animationPlayState 属性

示例

暂停动画:

document.getElementById("myDIV").style.animationPlayState = "paused";
亲自试一试 »

描述

AnimationPlayState 属性指定动画是正在运行还是已暂停。

笔记:使用此属性可在循环中间暂停动画。


语法

返回animationPlayState属性:

object.style.animationPlayState

设置animationPlayState属性:

object.style.animationPlayState = "running|paused|initial|inherit"

属性值

Value Description
running Default value. Specifies that the animation is running
paused Specifies that the animation is paused
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值: 跑步
返回值: 一个字符串,表示元素的动画播放状态属性
CSS版本 CSS3

浏览器支持

animationPlayState是 CSS3 (1999) 的一项功能。

所有浏览器都完全支持它:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes 11

相关页面

CSS 参考:动画播放状态属性