最新的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