LeoBaraldi – Ejemplos Flash, Ejemplos actionscript, Tutoriales Flash, Tutoriales actionscript, actionscript 3, curso de actionscript

5 noviembre, 2007

Cronometro o timer en flash

Filed under: ActionScript 2 — LeoBaraldi @ 12:55 am

La siguiente consulta es como hacer un cronometro en flash y a este sumarle las opciones básicas como pausar, reanudar y pesetear dicho cronometro.

Para construirlo solo vamos a utilizar la función setInterval para llamar por cierto periodo de tiempo a una función que se encargara de mostrar en unos campos de texto los valores de los contadores. No es 100% tiempo real pero para algunas cosas funciona, en un próximo tuto hacemos un reloj real.

Sin dudas no es necesario explicar mucho el código porque es muy simple, lo importante de esto es la utilización del setInterval como modo recurrente para ejecutar una acción periódica evitando usar otros métodos como onEnterFrame por ejemplo.

ActionScript
< view plain text >
  1. var intervalId:Number;
  2. var centesimas:Number = 0;
  3. var segundos:Number = 0;
  4. var minutos:Number = 0;
  5. var timeFinal:Number = 99;
  6. var duracion:Number = 10;
  7. //
  8. function display():Void {
  9. if (centesimas&lt;10) {
  10. centesimas_txt.text = "0"+centesimas;
  11. } else {
  12. centesimas_txt.text = centesimas;
  13. }
  14. if (centesimas&gt;=timeFinal) {
  15. centesimas = 0;
  16. segundos++;
  17. if (segundos&lt;60) {
  18. if (segundos&lt;10) {
  19. segundos_txt.text = "0"+segundos;
  20. } else {
  21. segundos_txt.text = segundos;
  22. }
  23. } else {
  24. minutos++;
  25. segundos = 0;
  26. segundos_txt.text = "00";
  27. minutos_txt.text = "0"+minutos;
  28. }
  29. }
  30. centesimas++;
  31. }
  32.  
  33. function comenzarIntervalo():Void {
  34. if (intervalId != null) {
  35. clearInterval(intervalId);
  36. }
  37. intervalId = setInterval(this, "display", duracion);
  38. }
  39. comenzarIntervalo();
  40. //
  41. detener_btn.onRelease = function() {
  42. clearInterval(intervalId);
  43. };
  44. reanudar_btn.onRelease = function() {
  45. comenzarIntervalo();
  46. };
  47. reset_btn.onRelease = function() {
  48. clearInterval(intervalId);
  49. centesimas = 0;
  50. segundos = 0
  51. minutos=0
  52. centesimas_txt.text = "00"
  53. segundos_txt.text = "00"
  54. minutos_txt.text = "00"
  55. };

24 comentarios »

  1. Estimado Leo:

    ¿Como puedo hacer funcionar este archivo fuente, que me parece buenisimo y me será de mucha utilidad, en Flash 5?
    Muchas gracias!

    Sam

    Comment by Samara Todaro — 3 abril, 2008 @ 10:09 am

  2. Ya te voy a mandar uno en flash 5 apena tengo un tiempito este finde!

    Comment by LeoBaraldi — 4 abril, 2008 @ 2:18 pm

  3. Hola, gracias por publicar esta información, es de gran utilidad.
    Tengo una duda que no puedo resolver: ¿Cómo puedo rescatar el tiempo transcurrido de un cronómetro, es para un juego en donde el tiempo tiene valor de puntaje.

    Muchas gracias por tu atención.

    Comment by Laura Angeles — 11 abril, 2008 @ 6:34 pm

  4. Ok gracias, lo espero muy ansiosa!!

    Comment by Samara — 13 abril, 2008 @ 9:40 pm

  5. Me gustaría saber si este ejemplo se puede invertir, si se puede hacer con él un contador regresivo. Qué empiece por ejemplo en 5 min y que vaya a 0.
    Muchas gracias por este trabajo

    Comment by Emma — 22 abril, 2008 @ 4:45 am

  6. hola, soy nuevo en actionscript como puedo hacer hacer para que el reloj siempre llegue al minuto 48:00:00 es para un partido de futbol y que el reloj no se reinice con un refresh que tengo en la pagina

    gracias

    Comment by degupukas — 3 junio, 2008 @ 11:54 am

  7. hola. Podrias compartir esa fuente. estoy desarrollando con muxa dificultad un cronometro y el que tienes me seria de gran utilidad. Muchas gracias
    arielgonzalezg@gmail.com

    Comment by KuoDesign — 3 junio, 2008 @ 1:41 pm

  8. Ariel puedes descargar el archivo haciendo clic en el enlace, lo probe y funcioana correctamente, recuerda de abrirlo con flash 9.

    Comment by LeoBaraldi — 3 junio, 2008 @ 8:56 pm

  9. Hola, como puedo hacer para que le cronometro displaye tambien horas.
    Te felicito por el programa. Y de antemano te agradezco por la ayuda.

    Atentamente,

    COMODIN

    Comment by Comodin — 10 julio, 2008 @ 5:49 pm

  10. Comodin este finde de semana voy a preparar un tutorial mas con que corra en tiempo real, y de paso le sumamos lo que vos necesitas mas otras cosas como por ejemplo cuenta hacia atras desde una fecha indicada!

    Comment by LeoBaraldi — 11 julio, 2008 @ 1:50 am

  11. Muy bueno!!!!

    Comment by Jesus Alberto — 29 julio, 2008 @ 7:41 pm

  12. amigo como hago el cronometro si no subes paso por paso lo que hay que hacer en flash?

    Comment by EHHH — 16 octubre, 2008 @ 6:34 pm

  13. solo colocas el codigo en action scripts! pon paso por paso si hay que hacer texto dinamico como se coloca si hay que hacer un boton, etc….

    Comment by EHHH — 16 octubre, 2008 @ 6:35 pm

  14. garcias por esta codigo lo necesitava para hacer u tamgochin en flsah 8

    Comment by jhony barrera — 12 marzo, 2010 @ 7:38 pm

  15. Muy buen aporte, gracias lo utilizaré en un juego :D

    Comment by Carlos Dk — 17 junio, 2010 @ 5:45 pm

  16. Muy buen aporte.. pero por lo que veo.. no respeta l avelocidad de el tiempo real… eso se puede arreglar o es un problema de flash??

    Gracias!

    Comment by Diego — 17 agosto, 2010 @ 6:35 am

  17. Muy buen aporte, yo lo ocupé para una presentacion de diapositivas en flash… Gracias

    Comment by ivan — 20 septiembre, 2010 @ 1:04 am

  18. muy bien gracias por la ayuda!

    Comment by df — 17 octubre, 2010 @ 6:16 pm

  19. me gustaria tener este archivo en flash para usarlo urgente.

    Por favor me lo puedes enviar?

    Comment by emejia — 18 enero, 2011 @ 12:02 pm

  20. Leo, podrias ayudarme?, necesito un cronometro descendente de 2 minutos a 1 segundo y vuelta, es decir algo ciclico que no requiera botones para funcionar por tiempo indefinido, pero en tiempo real.

    Excelente el sitio.

    Saludos desde Mexico.

    Gracias!

    Comment by Gabriel — 16 julio, 2011 @ 2:24 am

  21. Muy bueno

    Comment by juan — 30 agosto, 2011 @ 10:34 am

  22. halo me podrias ayudar ya que necesito que cambien unas variables por cada minuto que pasa hasta llegar a 2 horas???
    espero que puedas ayudarme

    Gracias

    Comment by Javier — 18 enero, 2012 @ 9:39 am

  23. Amigo, buenas noches tengo éste código:

    _root.timer_txt = “00:00:00:00″;
    _root.play_btn.onPress = function()
    {
    if(!_root.timing)
    {
    if (_root.paused)
    {
    _root.startTime = getTimer() – _root.elapsedTime;
    }
    else
    {
    _root.startTime = getTimer();
    }
    _root.paused = false;
    _root.timing = true;
    }
    }
    _root.pause_btn.onPress = function()
    {
    if(_root.timing)
    {
    _root.timing = false;
    _root.paused = true;
    }
    }
    _root.stop_btn.onPress = function()
    {
    _root.timing = false;
    _root.paused = false;
    _root.timer_txt = “00:00:00:00″;
    }

    Tu me podrías decir como hacer para que el cronometro inicie automáticamente? es solo eso lo que quiero, me gustaría eliminar los botones y dejarlo que solo inicie gracias por tu ayuda.

    Comment by Silvio Guerrero — 17 junio, 2012 @ 10:06 pm

  24. buenas yo tengo el código del cronómetro y no tengo como funciona o ponerlo en el programa de flash cs 4 necesito solo como activarlo o mucho mejor un ejemplo para ponerlo y guíame como hacerlo en el flash gracias por el tiempo

    Comment by leonardo — 3 agosto, 2012 @ 12:58 pm

Suscripción RSS a los comentarios de esta entrada. TrackBack URI

Dejar un comentario

Powered by WordPress