Style animationPlayState 屬性

定義和用法

animationPlayState 屬性規定動畫是正在運行還是暫停。

注釋：請使用此屬性在循環中間暫停動畫。

另請參閱：

CSS 參考手冊：animation-play-state 屬性

實例

暫停動畫：

document.getElementById("myDIV").style.animationPlayState = "paused";

親自試一試

語法

返回 animationPlayState 屬性：

object.style.animationPlayState

設置 animationPlayState 屬性：

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

屬性值

值 描述
running 默認值。規定動畫正在運行。
paused 規定動畫暫停。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： running
返回值： 字符串，表示元素的 animation-play-state 屬性。
CSS 版本： CSS3

瀏覽器支持

animationPlayState 是 CSS3 (1999) 特性。

所有瀏覽器都完全支持它：

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
支持 支持 支持 支持 支持 11