SVG Animation DOM interface

The SVGAnimationElement interface is the base interface for all of the animation element interfaces: SVGAnimateElement, SVGSetElement, SVGAnimateColorElement, SVGAnimateMotionElement and SVGAnimateTransformElement.

Interface overview

Also implement SVGElement, SVGTests, SVGExternalResourcesRequired, ElementTimeControl
  • float getStartTime()
  • float getCurrentTime()
  • float getSimpleDuration()
Normative document SVG 1.1 (2nd Edition)


Name Type Description
targetElement SVGElement The element which is being animated.


Name & Arguments Return Description
getStartTime() float Returns the begin time, in seconds, for this animation element's current interval, if it exists, regardless of whether the interval has begun yet. If there is no current interval, then a DOMException with code INVALID_STATE_ERR is thrown.
getCurrentTime() float Returns the current time in seconds relative to time zero for the given time container.
getSimpleDuration() float Returns the number of seconds for the simple duration for this animation. If the simple duration is undefined (e.g., the end time is indefinite), then a DOMException with code NOT_SUPPORTED_ERR is raised.

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Yes) (Yes) Not supported (Yes) (Yes)
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support Not supported (Yes) ? (Yes) (Yes)



© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.

API NeedsBrowserCompatibility NeedsExample Reference Référence SVG SVG DOM