kevinDrennan
commented
7 years ago Thanks Matt,
I've had a crack at it now and I think I might be able to get it going. I'll let you know how I get on. Appreciate the guidance. Enjoy the holidays.
Regards,
Kevin
From: Matt Smith notifications@github.com Sent: 16 April 2017 04:13 To: kevinDrennan/juniors_maths Cc: Subscribed Subject: [kevinDrennan/juniors_maths] javascript analogue clocks (#2)
Hi Kevin,
here is a nice tutorial + full source code for a real time animated analogue clock
https://css-tricks.com/css3-clock/
[https://css-tricks.com/wp-content/csstricks-uploads/clock.jpg]https://css-tricks.com/css3-clock/
Old School Clock with CSS3 and jQuery | CSS-Trickshttps://css-tricks.com/css3-clock/ css-tricks.com Hi everyone, my name is Toby Pitman and Chris has asked me to write a post about a recent experiment that I posted up on the forum a little while ago. It a
Here is a nice, draggable clock hand: https://jsfiddle.net/hbdc0bff/18/
Edit fiddle - JSFiddlehttps://jsfiddle.net/hbdc0bff/18/ jsfiddle.net Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
I've no code editor here (on holiday for another week)
- see how you get on if no luck with getting interactive clock working, then focus on the rest, and contact me a week Monday - I'll see if I can get a basic bit of interactive clock working for you, for you to then take further...
I was also wondering about a simpler solution
-
the dragging rotation thing is a bit fiddly - I was wondering about having buttons around the clock 0 so the student can click the hand then click the number they want the hand to point to
-
or perhaps have 2 sets of numbers around the clock
-
e.g. blue numbers for hour hand and red numbers for minute hand or something like that ....
have a think about the USE cases you want to implement for the interactive clock exercises .... getting the code to work shouldn't be too hard, and I'm happy to help with something simple you can then take further ...
regards, .. matt ..
— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHubhttps://github.com/kevinDrennan/juniors_maths/issues/2, or mute the threadhttps://github.com/notifications/unsubscribe-auth/ASf9WwAdLwvRi6kiUsAT9bAYifEDTLDcks5rwYdMgaJpZM4M-hpO.
dr-matt-smith
Hi Kevin,
here is a nice tutorial + full source code for a real time animated analogue clock
https://css-tricks.com/css3-clock/
Here is a nice, draggable clock hand: https://jsfiddle.net/hbdc0bff/18/
I've no code editor here (on holiday for another week)
I was also wondering about a simpler solution
the dragging rotation thing is a bit fiddly - I was wondering about having buttons around the clock 0 so the student can click the hand then click the number they want the hand to point to
or perhaps have 2 sets of numbers around the clock
e.g. blue numbers for hour hand and red numbers for minute hand or something like that ....
have a think about the USE cases you want to implement for the interactive clock exercises .... getting the code to work shouldn't be too hard, and I'm happy to help with something simple you can then take further ...
regards, .. matt ..