轻松上手,快乐学习!

Style animationDuration 属性


实例

改变 <div> 元素的 animationDuration 属性:

document.getElementById("myDIV").style.animationDuration = "3s";
亲自试一试 »

定义和用法

animationDuration 属性定义动画完成一个周期需要花费的秒数。


浏览器支持

表中的数字表示支持该属性的第一个浏览器版本。

紧跟在 moz 前的数字为支持该前缀属性的第一个浏览器版本号。

属性
animationDuration 43.0 79.0 16.0
5.0 Moz
9.0  30.0

语法

返回 animationDuration 属性:

object.style.animationDuration

设置 animationDuration 属性:

object.style.animationDuration = "time|initial|inherit"

属性值

描述
time 规定动画完成的长度。默认值为 0,意味着没有动画。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

技术细节

默认值: 0
返回值: 字符串,表示元素的 animation-duration 属性。
CSS 版本 CSS3

相关页面

CSS 参考手册: animation-duration 属性


❮ Style 对象