Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference manual

Ikhtisar

JavaScript benda

JavaScript Array benda JavaScript Boolean benda JavaScript Date benda JavaScript Math benda JavaScript Number benda JavaScript String benda JavaScript RegExp benda JavaScript Global Properties / Fungsi JavaScript operator

Browser benda

Window benda Navigator benda Screen benda History benda Location benda

DOM benda

HTML DOM Document benda HTML DOM objek elemen HTML DOM atribut objek HTML DOM benda acara

HTML benda

<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>

Properti HTML DOM Style transitionDuration

Sebelumnya: properti HTML DOM Style transitionProperty

Berikutnya: properti HTML DOM Style transitionTimingFunction

contoh

Mempercepat efek transisi:

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

Definisi dan Penggunaan

transitionDuration set properti atau mengembalikan waktu (dalam detik atau milidetik) yang dibutuhkan untuk menyelesaikan efek transisi.

Dukungan Browser

Internet Explorer 10, Firefox, Opera dan dukungan Chrome properti transitionDuration.

Safari mendukung alternatif lain dari properti atribut bahwa properti WebkitTransitionDuration.

tatabahasa

Kembali sifat transitionDuration:

object .style.transitionDuration

Pengaturan properti transitionDuration:

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

Nilai properti

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

rincian teknis

default:	0
Pengembalian:	String yang mewakili transisi-durasi elemen properti.
versi CSS	CSS3

Artikel terkait

CSS Referensi: properti Transisi-DURATION

Sebelumnya: properti HTML DOM Style transitionProperty

Berikutnya: properti HTML DOM Style transitionTimingFunction