Javatpoint Logo
Javatpoint Logo

How Time Is Measured

The animation clock of SVG starts ticking when the SVG has finished loading. When the user leaves the page then it will stop ticking.

There are three ways to specify the beginning or duration for a particular animation segment as a numeric value:

  • A full clock value is defined in hours, minutes, and seconds just like: (1:20:23).
  • A partial clock value is defined in minutes and seconds just like: (2:15).
  • The matrix time value can be defined in h (hours), min (minutes), s (seconds), or ms (milliseconds) just like: dur="5s" begin="2min".


Test it Now

end element:

The end element is used for halting an animation. You can set the value according to your requirement.


Test it Now

Youtube For Videos Join Our Youtube Channel: Join Now


Help Others, Please Share

facebook twitter pinterest

Learn Latest Tutorials


Trending Technologies

B.Tech / MCA