最新的Web開發教程

×

JavaScript 參考

JavaScript

JS 字符串 JS 數 JS 運算符 JS 聲明 JS 數學 JS 日期 JS 排列 JS 布爾 JS 正則表達式 JS 全局 JS 轉變

瀏覽器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 分子 DOM 屬性 DOM 事件 DOM 樣式

HTML 對象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <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> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他對象

CSSStyleDeclaration

Style transitionDuration Property

例

加快過渡效果：

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

定義和用法

該transitionDuration屬性設置或返回多少秒(s)或毫秒(ms)一個過渡效果需要完成。

瀏覽器支持

該transitionDuration屬性在Internet Explorer 10，火狐，Opera和Chrome瀏覽器的支持。

Safari支持替代，WebkitTransitionDuration屬性。

句法

返回transitionDuration屬性：

object .style.transitionDuration

設置transitionDuration屬性：

object .style.transitionDuration=" 屬性值

值	描述
time	指定多少秒或毫秒為單位的過渡效果需要完成。默認值是0，這意味著不會有效果
initial	將此屬性設置為默認值。閱讀關於初始
inherit	繼承其父元素此屬性。閱讀關於繼承

技術細節

默認值：	0
返回值：	一個字符串，表示元素的過渡持續時間屬性
CSS版本	CSS3

相關頁面

CSS參考： transition-duration property