dur property

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

Syntax

JScript
object.dur = sDursDur = object.dur

Property values

Type: String

String that specifies one of the following values.

Remarks

This attribute is required by the transitionFilter element.

Examples

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

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/behaviors/htmltime/transitions/durEX1.html

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

See also

transitionFilter

Reference

activeDur

mediaDur

repeatDur

segmentDur

simpleDur

Conceptual

Introduction to HTML+TIME