Reloj analógico y digital con Javascript | Código genérico

Estuve paseándome por mis programas que solía desarrollar en proyectos de la escuela y me topé con que programé un reloj en C#, para ello utilicé GDI (librería Graphics), pues el reloj no solo mostraba la hora, sino que también ilustraba un reloj analógico.

Bueno, para ello debemos saber primero lo que es un reloj analógico, quizá para este tiempo tú seas alguien que creció viendo todo digital, y no conozcas los relojes de manecillas. Te explico, antes de que la era digital llegara todo era muy retro, había teléfonos muy grandes, las televisiones tenían una gran caja detrás que no era nada más y nada menos que el resto del televisor, exacto, ahora imagina un reloj antiguo ¿cómo podrías ver la hora sin números dinámicos en una pantalla?, la respuesta es con manecillas.

Creo que estoy exagerando, tal vez no sea tan retro, mucha gente actualmente los usa y se ven cool, si lo haces no te sientas ofendido, yo también en algún momento de mi vida usé uno.

En fin, ahora ya sabemos qué es un reloj analógico, aunque creo que ya lo sabíamos desde siempre.

¿Qué se debe saber?

1. Las manecillas giran formando una circunferencia.
2. El giro de cada manecilla es hacia su izquierda, si vemos de frente un reloj es hacia nuestra derecha.
3. Consta de 3 manecillas, horas, minutero y segundero (yo llegué a llamarle "horero" a la de las horas, no sé cómo se llame).
4. Las horas son 12 puntos, los minutos y los segundos son 60, sin embargo cada que pasa un minuto el apuntador de horas avanza ligeramente, acercándose a la próxima hora, así que también son 60 disfrazados de 12.
5. Debe reiniciar cada que llega a 360°, y debe actualizarse en cada momento para que se vea la hora en punto y sin interferencias o variaciones.

Creo que con todas estas especificaciones ya estamos listos para programar algo agradable.

La lógica viene impregnada en el código, tú solo debes verlo perfectamente y sacar tus conclusiones, espero que sea de tu agrado. El código está abajo como siempre.

Relojcito

Your browser does not support the HTML5 canvas tag.

¡DESCARGA FAST!

Todo el código que quieras, ¡GRATIS!, programación totalmente gratuita.

Comenta, opina, exprésate y déjame saber si quieres algo específico, si algo está mal o si no te gusta algo, para hacer que te guste.

Clic a la imagen para descargar el código en Javascript: