Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Referenzhandbuch

JavaScript Objekte

JavaScript Array Objekte JavaScript Boolean Objekte JavaScript Date Objekte JavaScript Math Objekte JavaScript Number Objekte JavaScript String Objekte JavaScript RegExp Objekte JavaScript Globale Eigenschaften / Funktionen JavaScript Die Betreiber

Browser Objekte

Window Objekte Navigator Objekte Screen Objekte History Objekte Location Objekte

DOM Objekte

HTML DOM Document Objekte HTML DOM Element-Objekt HTML DOM Objektattribut HTML DOM Ereignisobjekte

HTML Objekte

<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 Stil transitionDuration Eigenschaft

Zurück: HTML DOM Stil transitionProperty Eigenschaft

Next: HTML DOM Stil transitionTimingFunction Eigenschaft

Style - Objekte

Beispiele

Beschleunigen Sie den Übergangseffekt:

document.getElementById("myDIV").style.transitionDuration="1s";

Definition und Verwendung

transitionDuration Eigenschaft legt liefert die Zeit (in Sekunden oder Millisekunden) dauert es den Übergangseffekt zu vervollständigen.

Browser-Unterstützung

Internet Explorer 10, Firefox, Opera und Chrome Unterstützung transitionDuration Eigenschaft.

Safari unterstützt eine weitere Alternative der Eigenschaft, die WebkitTransitionDuration Eigenschaft zuzuschreiben.

Grammatik

Zurück transitionDuration Eigenschaften:

object .style.transitionDuration

Einstellen transitionDuration Eigenschaften:

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

Eigenschaft Wert

值	描述
time	规定完成过渡效果需要花费的时间（以秒或毫秒计）。默认值是 0，意味着不会有效果。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。

Technische Details

Standard:	0
Rückkehr:	String, die die Übergangsdauer Eigenschaft Element.
CSS-Version	CSS3

In Verbindung stehende Artikel

CSS Referenz: Transition-DAUER Eigenschaft

Style - Objekte

Zurück: HTML DOM Stil transitionProperty Eigenschaft

Next: HTML DOM Stil transitionTimingFunction Eigenschaft