Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference Manual

Overview

JavaScript Object

JavaScript Array Object JavaScript Boolean Object JavaScript Date Object JavaScript Math Object JavaScript Number Object JavaScript String Object JavaScript RegExp Object JavaScript Global properties / functions JavaScript Operator

Browser Object

Window Object Navigator Object Screen Object History Object Location Object

DOM Object

HTML DOM Document Object HTML DOM Element object HTML DOM Attribute object HTML DOM Event object

HTML Object

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM Style animationDuration property

Previous: HTML DOM Style animationDirection property

Next: HTML DOM Style animationFillMode property

Examples

Change the <div> element animationDuration attributes:

document.getElementById("myDIV").style.animationDuration="3s";

Definition and Usage

animationDuration attribute defines the number of seconds to complete a cycle of animation it takes.

Browser Support

Only Firefox supports animationDuration property.

grammar

Back animationDuration properties:

object .style.animationDuration

Setting animationDuration properties:

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

Property Value

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

technical details

Defaults:	0
return value:	String representing the animation-duration property element.
CSS version	CSS3

related articles

CSS Reference Manual: Animation-DURATION property

Previous: HTML DOM Style animationDirection property

Next: HTML DOM Style animationFillMode property