Latest web development tutorials

HTML DOM Style animationPlayState 屬性

Style 對象參考手冊 Style對象

實例

暫停一個動畫:

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

嘗試一下»

定義和用法

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

注意:使用該屬性暫停一個正在播放中的動畫。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10、Firefox 和Opera 支持animationPlayState 屬性。

Safari 和Chrome 支持另一個可替代該屬性的屬性,即WebkitAnimationPlayState 屬性。

注意: Internet Explorer 9及其之前的版本不支持animationPlayState屬性。


語法

返回animationPlayState 屬性:

object .style.animationPlayState

設置animationPlayState 屬性:

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

屬性值

描述
running 默认值。规定动画是运行的。
paused 规定动画是暂停的。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

技術細節

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


相關文章

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


Style 對象參考手冊 Style對象