76 lines
24 KiB
HTML
Executable File
76 lines
24 KiB
HTML
Executable File
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><!-- saved from url=(0014)about:internet --><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>T </title><link rel="stylesheet" href="style.css" type="text/css" media="screen"><link rel="stylesheet" href="print.css" type="text/css" media="print"><link rel="stylesheet" href="override.css" type="text/css"></head><body><script language="javascript" type="text/javascript" src="asdoc.js"></script><script language="javascript" type="text/javascript" src="help.js"></script><script language="javascript" type="text/javascript" src="cookies.js"></script><script language="javascript" type="text/javascript"><!--
|
||
asdocTitle = 'T Index - GreenSock JavaScript Documentation';
|
||
var baseRef = '';
|
||
window.onload = configPage;
|
||
--></script>
|
||
<script type="text/javascript">
|
||
scrollToNameAnchor();
|
||
</script><table class="titleTable" cellpadding="0" cellspacing="0" id="titleTable" style="display:none"><tr><td class="titleTableTitle" align="left">GreenSock JavaScript API Docs</td><td class="titleTableTopNav" align="right"><a href="package-summary.html" onclick="loadClassListFrame('all-classes.html')">All Packages</a> | <a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a> | <a id="framesLink1" href="index.html?all-index-T.html&index-list.html">Frames</a><a id="noFramesLink1" style="display:none" href="" onclick="parent.location=document.location"> No Frames </a></td><td class="titleTableLogo" align="right" rowspan="3"><img src="images/logo.jpg" class="logoImage" alt=" Adobe Logo " title=" Adobe Logo "></td></tr><tr class="titleTableRow2"><td class="titleTableSubTitle" id="subTitle" align="left">T Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3"> </td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
|
||
<!--
|
||
|
||
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("T Index"); titleBar_setSubNav(false,false,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
|
||
-->
|
||
</script><div class="MainContent"><br><table border="0" cellspacing="0" cellpadding="0"><tr><td colspan="2"><a name="T"></a><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a> <a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a> <a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a> <a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a> <a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a> <a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a> <a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a> <a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a> <a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a> <a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a> <a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a> <a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a> <a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a> <a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a> <a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a> <a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a> <a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a> <a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a> <a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a> <font color="black" size="10px" style="bold">T</font> <a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a> <a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a> <a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a> <a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a> <a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a> <a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a> </td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#target" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">target</a> — Property, class com.greensock.<a href="com/greensock/TweenLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenLite</a></td></tr><tr><td width="20"></td><td> [READ-ONLY] Target object (or array of objects) whose properties the tween affects.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#ticker" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">ticker</a> — Static Property, class com.greensock.<a href="com/greensock/TweenLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenLite</a></td></tr><tr><td width="20"></td><td>
|
||
The object that dispatches a "tick" event each time the engine updates, making it easy for
|
||
you to add your own listener(s) to run custom logic after each update (great for game developers).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#ticker" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">ticker</a> — Static Property, class com.greensock.<a href="com/greensock/TweenMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenMax</a></td></tr><tr><td width="20"></td><td>
|
||
The object that dispatches a "tick" event each time the engine updates, making it easy for
|
||
you to add your own listener(s) to run custom logic after each update (great for game developers).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#ticker" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">ticker</a> — Static Property, class com.greensock.core.<a href="com/greensock/core/Animation.html" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">Animation</a></td></tr><tr><td width="20"></td><td>
|
||
The object that dispatches a "tick" event each time the engine updates, making it easy for
|
||
you to add your own listener(s) to run custom logic after each update (great for game developers).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#time()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">time</a>(value:Number, suppressEvents:Boolean) — method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
|
||
Gets or sets the local position of the playhead (essentially the current time), not
|
||
including any repeats or repeatDelays.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#time()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">time</a>(value:Number, suppressEvents:Boolean) — method, class com.greensock.<a href="com/greensock/TweenMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenMax</a></td></tr><tr><td width="20"></td><td>
|
||
Gets or sets the local position of the playhead (essentially the current time), not
|
||
including any repeats or repeatDelays.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#time()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">time</a>(value:Number, suppressEvents:Boolean) — method, class com.greensock.core.<a href="com/greensock/core/Animation.html" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">Animation</a></td></tr><tr><td width="20"></td><td>
|
||
Gets or sets the local position of the playhead (essentially the current time),
|
||
described in seconds (or frames for frames-based animations) which
|
||
will never be less than 0 or greater than the animation's duration.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#timeline" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">timeline</a> — Property, class com.greensock.core.<a href="com/greensock/core/Animation.html" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">Animation</a></td></tr><tr><td width="20"></td><td> [Read-only] Parent timeline.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineLite</a> — class, package <a href="com/greensock/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">com.greensock</a></td></tr><tr><td width="20"></td><td>
|
||
TimelineLite is a powerful sequencing tool that acts as a container for tweens and
|
||
other timelines, making it simple to control them as a whole and precisely manage their
|
||
timing.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#TimelineLite()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineLite</a>(vars:Object) — Constructor, class com.greensock.<a href="com/greensock/TimelineLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineLite</a></td></tr><tr><td width="20"></td><td>
|
||
Constructor.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a> — class, package <a href="com/greensock/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">com.greensock</a></td></tr><tr><td width="20"></td><td>
|
||
TimelineMax extends TimelineLite, offering exactly the same functionality plus useful
|
||
(but non-essential) features like repeat, repeatDelay, yoyo, currentLabel(), addCallback(),
|
||
removeCallback(), tweenTo(), tweenFromTo(), getLabelAfter(), getLabelBefore(),
|
||
getActive() (and probably more in the future).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#TimelineMax()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a>(vars:Object) — Constructor, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
|
||
Constructor.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#timeScale()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">timeScale</a>(value:Number) — method, class com.greensock.core.<a href="com/greensock/core/Animation.html" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">Animation</a></td></tr><tr><td width="20"></td><td>
|
||
Factor that's used to scale time in the animation where 1 = normal speed (the default),
|
||
0.5 = half speed, 2 = double speed, etc.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#to()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">to</a>(target:Object, duration:Number, vars:Object, offsetOrLabel:any, baseTimeOrLabel:any) — method, class com.greensock.<a href="com/greensock/TimelineLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineLite</a></td></tr><tr><td width="20"></td><td>
|
||
Appends a TweenLite.to() tween to the end of the timeline (or elsewhere)
|
||
- this is a convenience method that accomplishes exactly the same thing as
|
||
append( TweenLite.to(...) ) but with less code.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#to()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">to</a>(target:Object, duration:Number, vars:Object) — Static Method , class com.greensock.<a href="com/greensock/TweenLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenLite</a></td></tr><tr><td width="20"></td><td>
|
||
Static method for creating a TweenLite instance that animates to the specified destination values
|
||
(from the current values).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#to()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">to</a>(target:Object, duration:Number, vars:Object) — Static Method , class com.greensock.<a href="com/greensock/TweenMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenMax</a></td></tr><tr><td width="20"></td><td>
|
||
Static method for creating a TweenMax instance that animates to the specified destination values
|
||
(from the current values).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#totalDuration()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">totalDuration</a>(value:Number) — method, class com.greensock.<a href="com/greensock/TimelineLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineLite</a></td></tr><tr><td width="20"></td><td>
|
||
Gets the timeline's total duration or, if used as a setter, adjusts the timeline's
|
||
timeScale to fit it within the specified duration.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#totalDuration()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">totalDuration</a>(value:Number) — method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
|
||
Gets or sets the total duration of the timeline in seconds (or frames for frames-based timelines)
|
||
including any repeats or repeatDelays.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#totalDuration()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">totalDuration</a>(value:Number) — method, class com.greensock.<a href="com/greensock/TweenMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenMax</a></td></tr><tr><td width="20"></td><td>
|
||
Gets or sets the total duration of the tween in seconds (or frames for frames-based tweens)
|
||
including any repeats or repeatDelays.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#totalDuration()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">totalDuration</a>(value:Number) — method, class com.greensock.core.<a href="com/greensock/core/Animation.html" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">Animation</a></td></tr><tr><td width="20"></td><td>
|
||
Gets or sets the animation's total duration including
|
||
any repeats or repeatDelays (which are only available in TweenMax and TimelineMax).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#totalProgress()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">totalProgress</a>(value:Number) — method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
|
||
Gets or sets the timeline's totalProgress which is a value between 0 and 1 indicating the position
|
||
of the virtual playhead (including repeats) where 0 is at the beginning, 0.5 is
|
||
halfway complete, and 1 is complete.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#totalProgress()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">totalProgress</a>(value:Number) — method, class com.greensock.<a href="com/greensock/TweenMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenMax</a></td></tr><tr><td width="20"></td><td>
|
||
Gets or sets the tween's totalProgress which is a value between 0 and 1 indicating the position
|
||
of the virtual playhead (including repeats) where 0 is at the beginning, 0.5 is halfway complete,
|
||
and 1 is complete.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#totalTime()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">totalTime</a>(time:Number, suppressEvents:Boolean) — method, class com.greensock.core.<a href="com/greensock/core/Animation.html" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">Animation</a></td></tr><tr><td width="20"></td><td>
|
||
Gets or sets the position of the playhead according to the totalDuration
|
||
which includes any repeats and repeatDelays (only available
|
||
in TweenMax and TimelineMax).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#tweenFromTo()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">tweenFromTo</a>(fromTimeOrLabel:any, toTimeOrLabel:any, vars:Object) — method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
|
||
Creates a linear tween that essentially scrubs the playhead from a particular time or label
|
||
to another time or label and then stops.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenLite</a> — class, package <a href="com/greensock/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">com.greensock</a></td></tr><tr><td width="20"></td><td>
|
||
TweenLite is an extremely fast, lightweight, and flexible animation tool that serves as the foundation of
|
||
the GreenSock Animation Platform (GSAP), available in AS2, AS3, and JavaScript.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#TweenLite()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenLite</a>(target:Object, duration:Number, vars:Object) — Constructor, class com.greensock.<a href="com/greensock/TweenLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenLite</a></td></tr><tr><td width="20"></td><td>
|
||
Constructor
|
||
|
||
</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenMax</a> — class, package <a href="com/greensock/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">com.greensock</a></td></tr><tr><td width="20"></td><td>
|
||
TweenMax extends TweenLite, adding many useful (but non-essential) features like timeScale(), repeat(),
|
||
repeatDelay(), yoyo(), updateTo(), and more.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#TweenMax()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenMax</a>(target:Object, duration:Number, vars:Object) — Constructor, class com.greensock.<a href="com/greensock/TweenMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenMax</a></td></tr><tr><td width="20"></td><td>
|
||
Constructor
|
||
|
||
</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/plugins/TweenPlugin.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">TweenPlugin</a> — class, package <a href="com/greensock/plugins/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">com.greensock.plugins</a></td></tr><tr><td width="20"></td><td>
|
||
TweenPlugin is the base class for all TweenLite and TweenMax plugins, but generally isn't used directly.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#tweenTo()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">tweenTo</a>(timeOrLabel:any, vars:Object) — method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
|
||
Creates a linear tween that essentially scrubs the playhead to a particular time or label and
|
||
then stops.</td></tr><tr><td colspan="2" style="padding-bottom:20px"></td></tr><tr><td colspan="2"><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a> <a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a> <a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a> <a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a> <a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a> <a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a> <a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a> <a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a> <a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a> <a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a> <a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a> <a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a> <a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a> <a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a> <a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a> <a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a> <a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a> <a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a> <a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a> <font color="black" size="10px" style="bold">T</font> <a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a> <a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a> <a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a> <a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a> <a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a> <a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a> </td></tr></table><p></p><center class="copyright"><footer></footer><br/>Thu Dec 20 2012, 04:30 PM -06:00 </center></div></body></html><!--<br/>Thu Dec 20 2012, 04:30 PM -06:00 --> |