例
暫停動畫:
// 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對象