DUR Attribute | dur Property

Internet Development Index

Sets or retrieves a value indicating the amount of time a transition is applied to an element.

Syntax

HTML<t:TRANSITIONFILTER DUR = sDur... >
Scriptingt:TRANSITIONFILTER.dur [ = sDur ]

Possible Values

sDurString that specifies one of the following values:
1sDefault. The transition lasts for one second.
durationDuration of the transition. The time must be specified as described in Time Formats.

The property is read/write. The property has a default value of 1s.

Remarks

This attribute is required by the transitionFilter element.

Example

The following sample shows how the value of the DUR attribute inside of a transitionFilter element determines how fast a transition is executed.

<HTML XMLNS:t="urn:schemas-microsoft-com:time">
<HEAD>
<STYLE>
.time{behavior: url(#default#time2);}
</STYLE>
<?import namespace=t urn="urn:schemas-microsoft-com:time"
implementation = "#default#time2" />
</HEAD>
<BODY>
<t:TRANSITIONFILTER BEGIN="oButtonSlow.click" TYPE="barWipe" DUR="6"
TARGETELEMENT="oDiv1"/>
<t:TRANSITIONFILTER BEGIN="oButtonFast.click" TYPE="barWipe" DUR="1"
TARGETELEMENT="oDiv2"/>
<INPUT TYPE="button" ID="oButtonSlow" VALUE="Slow DUR=6"><BR/><BR/>
<BR/>
<DIV CLASS="time" BEGIN="oButtonSlow.click" ID="oDiv1" DUR="indefinite"
STYLE="position:relative; left:20px; width:420px; height:100px;
background-image:url(ART_time_progress.gif); background-repeat: no-repeat;">
</DIV>
<INPUT TYPE="button" ID="oButtonFast" VALUE="Fast DUR=1">
<BR/>
<DIV CLASS="time" BEGIN="oButtonFast.click" ID="oDiv2" DUR="indefinite"
STYLE="position:relative; left:20px; width:420px; height:100px;
background-image:url(ART_time_progress.gif); background-repeat: no-repeat;">
</DIV>
</BODY>
</HTML>
This feature requires Microsoft?Internet Explorer 6 or later. Click the following icon to install the latest version. Then reload this page to view the sample.

Applies To

t:TRANSITIONFILTER

See Also

Introduction to HTML+TIME, activeDur, mediaDur, repeatDur, segmentDur, simpleDur