最新的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對象