Grey on white (or whatever background colour you have) version of the v3 clock, with more attempts to fix the loop bug at 360 degrees. I have removed / hidden the outer ring, because 6 is a multiple of 2 and 3 动画 循环 旋转 同心环时钟没有背景的 (灰色)
This version has been modified from the previous colour clocky clock so that all subclocks have the same face colour, which changes based on what angle the minute hand is at (left = blue, right = yellow, up = red, down = dark green). The date in the middle now rotates in its entirety with the hour hand 动画 时钟 递归 颜色 clocky 时钟 v2
I was inspired by user schiz0yd on reddit to create an animated clock that used spinning tiles. This clock "ticks" in the same way as my colour clock, but I have commented out a more normal movement if you prefer that. The code also has defined variables for changing the number of copies, and for the update interval. If you don't like the upvote arrow, you can change the object defined in the group "gTemplate". The clock has been modified from the first version to produce a better thumbnail image (that is deleted from the node tree as soon as the clock starts), change the movement slightly (all clones move), and simplify the generation of hours/minutes 动画 时钟 reddit Upvote 时钟 3
Unfortunately, generating arcs is quite difficult to animate using standard SVG methods, so I fell back to javascript for this (the benefit of that is that it's synchronised to the system clock). I was inspired by the loopy thingies that are floating around imgur at the moment, and decided to make something that looks similar, but answers the question "what happens if they all advance at the same speed?" If you're wondering about the connection between this and the other Concentric Loops SVG, just look at the inner 6 dots. This version "ticks", has a time/date display, and has fixed an annoying bug due to how SVG displays arcs 动画 循环 旋转 同心环 v3
Another "everything comes together after 2 minutes", based on a reddit submission [http://www.reddit.com/r/gifs/comments/2on8si/connecting_to_server_so_mesmerizing/]. Each point has a frequency different of 1/120 Hz, giving a beat frequency of 2 minutes 击败 频率 动画 Beat Frequency Clock
Having developed a clock using spinning tiles, I had another thought regarding something that would exploit the clone facility of SVG. This clock "ticks" in the same way as my colour clock, but I have commented out a more normal movement if you prefer that. The code also has defined variables for changing the number of copies, and for the update interval. The template used for creating the second "tick" image is a functioning clock, and the hour and minute hand of the main clock are represented by the year and day/month respectively. This version has been modified from the previous clocky clock to add colour, which makes it a bit more satisfying to watch at each minute change 动画 时钟 递归 颜色 clocky 时钟
I was asked by dizzyzane on reddit to make a version of this with a black background and downvote-coloured text. Here it is 动画 时钟 reddit Upvote 时钟与黑色背景
I was inspired by user schiz0yd on reddit to create an animated clock that used spinning tiles. This clock "ticks" in the same way as my colour clock, but I have commented out a more normal movement if you prefer that. The code also has defined variables for changing the number of copies, and for the update interval. If you don't like the upvote arrow, you can change the object defined in the group "gTemplate 动画 时钟 reddit Upvote 时钟
I was asked by -TheWaddleWaddle- on reddit to make a smooth version of this clock. Here it is 动画 时钟 reddit 带有白色背景的光滑 Upvote 时钟
Question variant of my upvote clock (font used is "Century Schoolbook L", converted to a shape for portability, with the dot replaced with a circle for precision). The question marks spin around at twice the speed that they rotate around the circle, and change colour once they complete a circle. This makes a full cycle two minutes, rather than one. [Yes, the thumnail colours are wrong. Sorry about that] 动画 时钟 reddit 问题时钟
An animated clock using colours. Blobs at the end of the hour, minute, and second regions change colours over time (red = 12, yellow = 3, green = 6, blue = 9). My idea was that this might help younger children to tell the time without having to know what numbers mean (e.g. it's yellow and orange). I have also implemented a sine-wave second "tick", and stuck the minute hand to integer positions (in a somewhat similar fashion to the DB clocks in Germany). This makes the clock a bit more interesting, because each hand tells the time in a different way. [Update frequency is 100ms, but can be changed by editing the changeTime timeout at the end of the changeTime function.] 动画 时钟 旋转 彩色时钟 5
Inspired by alex8664's Seven segment displays. Counts down from 99 to 00. SVG code can easily be modified to add/remove a digit. SVG code can be inserted into an SVG image then scaled and positioned where desired. svg animated lights work in browsers that support animation 液晶屏 领导 动画 动画数字显示
Having developed a clock using spinning tiles, I had another thought regarding something that would exploit the clone facility of SVG. This clock "ticks" in the same way as my colour clock, but I have commented out a more normal movement if you prefer that. The code also has defined variables for changing the number of copies, and for the update interval. The template used for creating the second "tick" image is a functioning clock, and the hour and minute hand of the main clock are represented by the year and day/month respectively 动画 时钟 递归 Clocky 时钟
IJoshFTW implied that the loop clock should have a one-minute cycle, so here it is 动画 循环 旋转 同心环时钟 (1 分钟周期)