Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM 참조 설명서

개요

JavaScript 사물

JavaScript Array 사물 JavaScript Boolean 사물 JavaScript Date 사물 JavaScript Math 사물 JavaScript Number 사물 JavaScript String 사물 JavaScript RegExp 사물 JavaScript 글로벌 속성 / 기능 JavaScript 운영자

Browser 사물

Window 사물 Navigator 사물 Screen 사물 History 사물 Location 사물

DOM 사물

HTML DOM Document 사물 HTML DOM Element 객체 HTML DOM 개체 속성 HTML DOM 이벤트 객체

HTML 사물

<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 스타일 animationDuration 속성

이전 : HTML DOM 스타일 animationDirection 속성

다음 : HTML DOM 스타일 animationFillMode 속성

스타일 개체

예

animationDuration이 속성 <div> 요소를 변경합니다 :

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

정의 및 사용

animationDuration 속성은 걸리는 애니메이션의 사이클을 완료하는 데 시간 (초)을 정의합니다.

브라우저 지원

만 파이어 폭스는 animationDuration 속성을 지원합니다.

문법

위로 animationDuration 속성 :

object .style.animationDuration

animationDuration 속성 설정 :

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

속성 값

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

기술 세부 사항

기본값 :	0
반환 값 :	애니메이션-기간 속성 요소를 나타내는 문자열입니다.
CSS 버전	CSS3

관련 기사

CSS 참조 설명서 : 애니메이션-duration 속성

스타일 개체

이전 : HTML DOM 스타일 animationDirection 속성

다음 : HTML DOM 스타일 animationFillMode 속성