Animated SVG clock
<img> will not be executed, the SMIL or CSS-based animation is fine, therefore, what you see on GitHub README.md page is an animated clock starting from 00:00, it basically counts the time you have stayed on the page.
- open a USERNAME.github.io-hosted SVG image (here is one) directly in your browser
- or download the SVG file, then open it directly in your browser
- or embed it directly (not via
Use it (Markdown, can't set width and height):
Use it (HTML, with width and height set):
<img src="https://tomchen.github.io/animated-svg-clock/clock.svg" alt="Clock" title="Clock" height="200px" width="200px">
By Tom Chen
Inspired by SVG animation: by HackaLittleBit (https://commons.wikimedia.org/wiki/File:Swiss_railway_clock_1.svg), CC-by-sa 4.0, whose original SVG is: by Jahoe (https://commons.wikimedia.org/wiki/File:Swiss_railway_clock.svg), CC-by-sa 3.0 & GFDL
(The current SVG code has significate code change comparing to HackaLittleBit's work, and is using the permissive MIT license)
MIT license for the code, but Swiss railway clock DESIGN IS COPYRIGHTED.