|
Hace unos días dejé un tutorial para crear un Movieclip el cual nos mostraba la fecha, día y año. Para llegar a dicho cometido, se usó el objeto Date, el cual devuelve parámetros de tiempo que posee el usuario que ejecuta la película.
Pues ahora les propongo la creación de un simple reloj como el siguiente:
Creamos un campo de texto dinámico. Lo formateamos con la fuente, color y tamaño que queramos. Se debe calcular que quepan mínimamente 9 caracteres.
Seguido a esto le damos el nombre de instancia reloj_txt.
Una vez hecho esto, van al panel de acciones y ponen el siguiente código en el primer fotograma:
Código: //A través de setInterval, la función muestreo se ejecutará cada 1000 milisegundos (1 segundo)
frecuencia_de_muestreo=setInterval(muestreo,1000);
//Función muestreo
function muestreo(){
//Creo un objeto date con el nombre reloj
reloj = new Date();
//Vinculo la variable horas, minutos y segundos con las horas, minutos y segundos del usuario
var horas = reloj.getHours();
var minutos = reloj.getMinutes();
var segundos = reloj.getSeconds();
//Funciones para que aparescan el 0 cuando los minutos y segundos sean menor a 10
if (minutos<10) {
minutos = "0"+reloj.getMinutes();
}
if (segundos<10) {
segundos = "0"+reloj.getSeconds();
}
//Le digo que escriba en la caja de texto reloj_txt los datos
reloj_txt.text = horas+" : "+minutos+" : "+segundos;
}
|
La idea es que cada 1 segundo, se ejecute un código que muestre la hora, minutos y segundos del usuario en el campo de texto.
Dicho muestreo está a cargo de setInterval, el cual cada 1000 milisegundos se va a encargar de ejecutar la función muestreo. Ésta ultima se encarga de tomar los datos de hora, minutos y segundos y mostrarlos en el campo de texto. Podrán notar que al ejecutarse la película el tiempo no aparece durante un instante. Ésto es debido al segundo en que la función muestreo se encarga de tomar los datos del usuario. Si no quieren esa demora, tan solo cambien por un valor mas chico el setInterval, por ejemplo que se ejecute cada 20 milisegundos. Yo no lo hago porque seria exigir a la máquina que ejecute un código más veces en menos tiempo, cuando se puede hacer cómodamente cada un segundo.
Bueno, eso es todo, espero que les sirva =) Ejemplos utilizados
Tags: tutorial flash
Artículos Relacionados:
|
- Por favor, mantenga el tópico de los mensajes en relevancia con el tema del artículo.
- Lenguaje inapropiado será borrado.
|
|
Comentarios
