Analog clock with JavaScript and Dials

Just for variety, here is an example of a clock that uses states, and the last example here uses dials.

Very nice, thank you for sharing Nuno!

That's a beautiful piece of work Nuno. Very elegant.

I don't suppose there is a chance you could link the original Storyline file? It would be great to see the innards of this.

Does it rely on states? Or have you managed to figure out how to anchor Dial Sliders to a non-centered fixed position?

Hi Diarmaid Collins,

thank you for your feedback! Much appreciated. This demos uses JavaScript and Dials. Each dial (hours, minutes, seconds) has a variable associated that controls the dial position. 

Is this clear? Just to check, Before I pass you the SL project. 😀

Magnificent work guys. Love the examples supplied there Michael. Really nicely done.

I have tried making a rotating hand in the past, prior to Dials and was always frustrated that the built-in animations don't allow a central fulcrum to rotate upon. Basically, an object rotates around a circular path, as opposed to a central point. It always irked.

These look amazing and are a fantastic inspiration.

Hi Nuno,

What a beautiful clock with a non annoying sound, jaja! 

I am looking to use this clock for a time critical medical procedure in a module. It will look so real for the medical staff!!

Can you possibly share the storyline file with me please?

Many thanks

Eimear

What a brilliant idea. Thanks for sharing.

Recently I have seen an implementation of analog clock with continuously moving second hands. I wonder if anybody have any idea how to do it? 

I wish I could. It is part of an internal training and a link won't work.

After some research, I am thinking technically there is no such thing as continuously moving. it is just smaller intervals that human eyes would perceive as continuous. HTML + JS can do this but it looks a bit substantial to embed in storyline. Nuno's version already serves its purpose well.