Introduction to HTML+TIME enables Web authors to animate content on the page by changing the value of particular attributes and properties over time. Without using script, you can animate an element's color; move an element along a specific path or between intervals; cause elements to appear or disappear over time or in response to events; or accelerate, reverse, or loop an animation. Although this animation functionality is available without script, most aspects of Introduction to HTML+TIME are also scriptable.
The following links provide access to the object model exposed by the time2 behavior.
Overviews
Animating with keyTimes and keySplines
Using the keyTimes and keySplines attributes, you can divide an animation element's simple duration into multiple segments, speed up or slow down the animation at multiple rates during a single duration, and specify values for the animation to reach at particular points in its duration.
Seeking With HTML+TIME
In HTML+TIME (Timed Interactive Multimedia Extensions) various types of media, animation, and other time elements can be played over a period of time. It is often desirable to be able to jump to any point on this time line. This process of jumping to different points on a time element's time line is called seeking.
Tutorials
Incorporate the time2 Behavior
This tutorial explains how to incorporate the time2 behavior in your Web pages so you can begin using timelines, multimedia, and animation with HTML elements.
Animation Elements and Objects
animate
Animates a specified attribute of an object.
animateColor
Changes the color of an object over time.
animateMotion
Animates the position of an element over time.
currTimeState
Contains information about an HTML+TIME timeline.
set
Sets the value of an object's attribute for a specified duration.
Attributes and Properties
accelerate
Sets or retrieves a value that applies an acceleration to an element's timeline.
accumulate
Sets or retrieves a value that indicates whether the animation is cumulative.
activeDur
Retrieves the total duration of the timeline.
activeTime
Retrieves the current point in time along the total active timeline, including repeats and time spent in reverse mode.
additive
Sets or retrieves a value that indicates whether the animation is additive with other animations.
attributeName
Sets or retrieves the name of the element's attribute to be animated.
autoReverse
Sets or retrieves whether the timeline on an element begins playing in reverse immediately after completing in the forward direction.
begin
Sets or retrieves the delay time before the timeline begins playing on the element.
by
Sets or retrieves a relative offset value for an animation.
by
Sets or retrieves a relative offset value by which to animate a color attribute or property with the t:ANIMATECOLOR element.
calcMode
Sets or retrieves the interpolation mode for the animation.
calcMode
Sets or retrieves the interpolation mode for the animateMotion object.
calcMode
Sets or retrieves the interpolation mode for a t:ANIMATECOLOR element.
decelerate
Sets or retrieves a value that applies a deceleration to the end of a simple duration.
dur
Sets or retrieves a value indicating the amount of time the element remains active or displayed.
end
Sets or retrieves a value indicating the end time for the element, or the end of the simple duration when the element is set to repeat.
fill
Sets or retrieves the action an element takes if its timeline ends before the timeline on its parent element ends.
from
Sets or retrieves the starting value of an animation.
from
Sets or retrieves the starting value of a color attribute or property animated by t:ANIMATECOLOR.
isActive
Retrieves a value that indicates whether the element is currently active on the timeline.
isOn
Retrieves a value that specifies whether the element is active or holding on the timeline in its current state.
isPaused
Retrieves a value that specifies whether the element is paused on the timeline.
keySplines
Sets or retrieves a set of Bezier control points that define the interval pacing of an animation.
keyTimes
Sets or retrieves a list of time values used to control the pacing of an animation.
origin
Sets or retrieves the origin of motion for the animation.
parentTimeBegin
Retrieves the current element's begin time as an offset from the parent element's begin time.
parentTimeEnd
Retrieves the current element's end time as an offset from the parent element's begin time.
path
Sets or retrieves a set of values that describe a path as a function of time.
progress
Retrieves the current progress of the element's timeline.
repeatCount
Retrieves the current iteration in the repetition loop.
repeatCount
Sets or retrieves the number of times an element's timeline repeats.
repeatDur
Sets or retrieves the number of seconds that an element's timeline repeats.
restart
Sets or retrieves the conditions under which an element can be restarted on a timeline.
segmentDur
Retrieves the duration of an element on a timeline in seconds, including autoReverse.
segmentTime
Retrieves the current point in time along a segment of time.
simpleDur
Retrieves the duration of a repeat iteration.
simpleTime
Retrieves an object's current point along its timeline from zero to its dur value.
speed
Sets or retrieves the playback speed of an element relative to its parent time container.
speed
Retrieves the playback speed of an element at run time, which includes the cascading effect of the speed set for the parent time container.
state
Retrieves the current state of the element's timeline.
stateString
Retrieves the current state of the element's timeline.
syncBehavior
Sets or retrieves a value that indicates the synchronization rules for the element's timeline.
syncMaster
Sets or retrieves whether the time container must synchronize playback to this element.
syncTolerance
Sets or retrieves the time variance allowed on a timeline with locked synchronization.
targetElement
Sets or retrieves the target element to be animated.
timeAction
Sets or retrieves what action is taken on the element while the timeline is active.
timeContainer
Sets or retrieves the type of timeline associated with an element.
timeParent
Retrieves the parent time container element of the current element.
to
Sets or retrieves the ending value of an animation.
to
Sets or retrieves the ending value of a color attribute or property animated by t:ANIMATECOLOR
values
Sets or retrieves a list of semicolon-separated values of an animation.
values
Sets or retrieves a list of semicolon-delimited RGB color values for a t:ANIMATECOLOR element.
volume
Sets or retrieves the volume of the media file.
Methods
activeTimeToParentTime
Converts a value in the element's active timeline to the corresponding point in the parent timeline.
activeTimeToSegmentTime
Converts a value in the element's active timeline to the corresponding point in the segment timeline.
beginElement
Starts the element on the timeline.
beginElementAt
Starts an element's timeline at the specified time.
documentTimeToParentTime
Converts a value in the document timeline to the corresponding point in the element's parent timeline.
endElement
Stops the element on the timeline.
endElementAt
Ends an element's timeline at the specified time.
parentTimeToActiveTime
Converts a value in the parent timeline to the corresponding point in the element's active timeline.
parentTimeToDocumentTime
Converts a value in the element's parent timeline to the corresponding point in the document timeline.
pauseElement
Stops playing an element's timeline at the current point.
resetElement
Removes any changes made to the element and returns the element to its original state.
resumeElement
Restarts the element's timeline from a paused state.
seekActiveTime
Locates a specified point on the element's active timeline and begins playing from that point.
seekTo
Locates a specified point on the element's segment timeline, including repetitions, and begins playing from that point.
seekToFrame
Locates a specified frame in the object.
segmentTimeToActiveTime
Converts a value in the element's segment timeline to the corresponding point in the element's active timeline.
segmentTimeToSimpleTime
Converts a value in the element's segment timeline to the corresponding point in the element's simple timeline.
simpleTimeToSegmentTime
Converts a value in the element's simple timeline to the corresponding point in the element's segment timeline.
Events
onbegin
Fires when the timeline starts on an element.
onend
Fires when the timeline stops on an element.
onmediacomplete
Fires when the element's associated media finish loading.
onmediaerror
Fires when an element's media file causes any error.
onoutofsync
Fires when the element loses synchronization with its associated timeline.
onpause
Fires when the timeline on an element pauses.
onrepeat
Fires when the timeline repeats on an element, beginning with the second iteration.
onreset
Fires when the timeline reaches the value of the BEGIN attribute or when the resetElement method is called on the element.
onresume
Fires when an element's timeline resumes from a paused state.
onreverse
Fires when the timeline on an element begins to play backward.
onseek
Fires whenever a seek operation is performed on the element.
onsyncrestored
Fires when synchronization is resumed between the element and its associated timeline.
ontimeerror
Fires whenever a time-specific error occurs, usually as a result of setting a property to an invalid value.