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

Example

Test it Now

end element:

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

Example

Test it Now




Please Share

facebook twitter google plus pinterest

Learn Latest Tutorials


Preparation


B.Tech / MCA