Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference Manual

Overview

JavaScript Object

JavaScript Array Object JavaScript Boolean Object JavaScript Date Object JavaScript Math Object JavaScript Number Object JavaScript String Object JavaScript RegExp Object JavaScript Global properties / functions JavaScript Operator

Browser Object

Window Object Navigator Object Screen Object History Object Location Object

DOM Object

HTML DOM Document Object HTML DOM Element object HTML DOM Attribute object HTML DOM Event object

HTML Object

<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 Style transitionDelay property

Previous: HTML DOM Style transitionTimingFunction property

Next: HTML DOM Style wordBreak property

Examples

In Transitions wait two seconds before the start:

document.getElementById("myDIV").style.transitionDelay="2s";

Definition and Usage

transitionDelay attribute specifies when to start the transition effect.

transitionDelay value in seconds (s) or milliseconds (ms) meter.

Browser Support

Internet Explorer 10, Firefox, Opera and Chrome support transitionDelay property.

Safari supports another alternative of the property attribute that WebkitTransitionDelay property.

grammar

Back transitionDelay properties:

object .style.transitionDelay

Setting transitionDelay properties:

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

Property Value

值	描述
time	规定在过渡效果开始之前需要等待的时间，以秒或毫秒计。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。

technical details

Defaults:	0
return value:	String representing the transition-delay property element.
CSS version	CSS3

related articles

CSS Reference: Transition-Delay property

Previous: HTML DOM Style transitionTimingFunction property

Next: HTML DOM Style wordBreak property