Comunidad de diseño web y desarrollo en internet online

Reloj en tiempo real con Actionscript 3 y Flash

Hoy aprenderemos cómo crear un reloj que funciona con el tiempo de tu ordenador en Actionscript 3.

Descarga aquí los archivos que utilizaremos:
Reloj.fla

Código :

package  {
   
   //Importamos las clases necesarias
   import flash.display.MovieClip;
   import flash.utils.Timer;
   import flash.events.TimerEvent;
   
   
   public class Reloj extends MovieClip {
      
      //Creamos las variables que nos permiten instanciar la clase Date
      //y almacenar los valores de Hours, Minutes y Seconds
      var fecha:Date = new Date();
      var horas:int = fecha.hours;
      var minutos:int = fecha.minutes;
      var segundos:int = fecha.seconds;
      
      //Creamos un nuevo Timer para actualizar nuestro reloj cada segundo
      var contador:Timer = new Timer(1000);
      
      //Esta es el metodo Constructor
      //se ejecuta junto con la clase al mismo tiempo que esta es instanciada o llamada
      public function Reloj() {
         //Rotamos las manecillas
         Horario.rotation = horas * 30 + (minutos * 0.5);   //Horas * 30 grados (360/12=30) + minutos * 0.5
         Minutero.rotation = minutos * 6;               //Minutos * 6 grados (360/60=6)
         Segundero.rotation = segundos * 6;               //Segundos * 6 grados (360/60=6)
         
         //Creamos un listener para el contador y lo iniciamos
         contador.addEventListener(TimerEvent.TIMER, actualizarReloj);
         contador.start();
      }
      
      //Creamos la función para actualizar el reloj cada que pasa un segundo en el timer
      public function actualizarReloj(e:TimerEvent):void
      {
         var fecha:Date = new Date();
         var horas:int = fecha.hours;
         var minutos:int = fecha.minutes;
         var segundos:int = fecha.seconds;
         
         Horario.rotation = horas * 30 + (minutos * 0.5);
         Minutero.rotation = minutos * 6;
         Segundero.rotation = segundos * 6;
      }
      
   }
   
}

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate