Cómo programar un reloj JavaScript basado en el canvas de HTML5. Parte I

¡Hola ami@s! A petición de un@ de vosotr@s, estos días vamos a hacer unos ejercicios muy chulos que espero que os gusten. La siguiente serie de posts self-explanatory tiene como objetivo programar un súper reloj JavaScript basado en el nuevo elemento canvas de HTML5.

Para sentirte cómod@ en el seguimiento de estos ejercicios debes, por tanto, tener un conocimiento avanzado de JavaScript y estar un poco al día del funcionamiento de HTML5. Let’s go?!

Reloj

Éste es el código esqueleto OO de nuestro reloj JavaScript que irá evolucionando hasta integrarse en el canvas de HTML5:

No voy a extenderme explicando cómo funciona este ejemplo porque tengo muchas cosas que hacer y porque ya estás tú para pensar un poco ;-). Te invito pues a que tomes este código y reflexiones sobre cómo está hecho. No debería plantear demasiados problemas porque, como decimos, es self-explanatory.