Una vez que tenemos creada nuestra película renombramos la Capa 1 (Layer1) a reloj, haciendo dobleclick sobre ella. Luego insertamos una nueva capa y la nombramos actions.

En la capa actions lo que haremos es escribir en el primer fotograma todo el código que vayamos a utilizar, así nos quedar á más organizado.

Ahora haz clic sobre la capa reloj y comienza a dibujar el reloj, para esto crearas 3 cuadros de texto dinámicos, para esto selecciona la herramienta Texto en el panel de Herramientas de la izquierda. Una vez ubicados los 3 cuadros de texto en el escenario asegúrate que sean dinámicos, esto lo hace en la barra del Panel Propiedades.

Ponle a cada cuadro de texto un nombre de instancia:

hora_txt (1er Cuadro de Texto)
minutos_txt (2do Cuadro de Texto)
segundos_txt (3er Cuadro de Texto)

Inserta también dos cuadros de texto estáticos que digan ":" para separar la hora de los minutos y los segundos. Te debe quedar algo así:

Una vez hecho esto vayamos a lo bueno!!!!!!

Selecciona el primer fotograma de la capa actions y presiona F9 para desplegar el Panel Acciones, que es donde programaremos nuestro reloj.

Primero tenemos que crear un objeto Date, este objeto trae funciones que nos permite saber la fecha, hora, minutos, segundo, etc., en un determinado momento.

Introducimos el este código:

time = new Date();

time es la variable que creo del tipo Date

luego ponemos:

onEnterFrame()

{

hora = time.getHours(); // llamamos al método getHours para obtener la hora y
// la almacenamos en una variable llamada hora

minutos = time.getMinutes(); // llamamos al método getMinutes para obtener los
// minutos y lo almacenamos en una variable minutos

segundos = time.getSeconds(); //hacemos lo mismo pero para los segundos

hora_txt.text = hora; //aquí mostramos el valor de la hora en el cuadro de texto
//hora_txt

minutos_txt.text = minutos; //aquí mostramos el valor de los minutos en el
//cuadro de texto minutos_txt

segundos_txt.text = segundos; //aquí mostramos el valor de los segundos en el
//cuadro de texto segundos_txt

}

Ahora prueba la película presionando ctrl. + Enter

Como verás, muestra la hora pero no se actualiza. Para esto debes hacer una ultima cosa, debes insertar un segundo fotograma, para esto haz clic derecho sobre el segundo fotograma de cada una de las capas y selecciona Insertar fotograma ( en ingles Insert Frame) o hazclick sobre el segundo fotograma de cada capa y presiona F5.

Finalmente quedaría parecida a esta:

Ahora prueba la película.

Puesto que es un reloj sencillo devuelve la hora militar. Para que no ocurra esto deberás hacer uso de algunas condiciones… pero eso lo dejo para que piensen o como tema para otro tutorial.

Aquí dejo el código completo para evitar confusiones:

time = new Date();

onEnterFrame()

{

hora = time.getHours();

minutos = time.getMinutes();

segundos = time.getSeconds();

hora_txt.text = hora;

minutos_txt.text = minutos;

segundos_txt.text = segundos;

}

Puedes bajar el archivo de ejemplo terminado.
Saludos!!!!