SVG clock

 

  4 comments for “SVG clock

  1. Victor
    July 3, 2014 at 16:01

    I like your svg clock, but it has a strange problem with the top part of the face moving up and down time with the seconds. Did it always do that?

  2. halftome
    July 7, 2014 at 12:44

    Hi!
    Geez, I have no idea! 😀 This was my homework for my first semester in BME University, for my C course. I was just happy it worked 🙂 They calculations are kind of over-complicated, because I calculated the x,y coordinates of basically every point, instead of using SVG directives, and letting the viewer (browser or program) calculate them for me. But I never noticed anything wrong… Are you viewing the SVG with the browser?

  3. Victor
    July 7, 2014 at 15:38

    Hi Benjamin, or perhaps I can say szervusz!
    One of a few Magyar words that I still remember. 🙂 Thanks for replying.
    I first came across your clock about a month ago and was going to put it on a web page about SVG clocks, but it had this strange glitch. I tried again the day I posted and it still behaved the same, but I couldn’t find the cause.
    I have just tried again opening the codepen.io page with all major browsers and it now runs well, except there is a slight glitch (perhaps related) when the second hand reaches 12 o’clock and it bounces back and forward before continuing. I think it may be an issue with other javascript stuff on my computer.
    Not to worry, I was just curious. It’s a neat little clock, although it can be displayed as big as you wish.

    • halftome
      July 9, 2014 at 13:09

      Cool 😀 Btw, here is the link for the actual project from BME: https://infoc.eet.bme.hu/orak.php
      And you can make the static clock actually move with javascript, check out the code on the link 😀 There is also a gallery of a bunch of other SVG clocks made by my classmates 😀 So you can have fun with them.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.