Tema: Botón "parar" para un temporizador y recibir una hora
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/08/2015, 18:53
Avatar de OPMUANRK
OPMUANRK
 
Fecha de Ingreso: diciembre-2014
Mensajes: 52
Antigüedad: 10 años
Puntos: 1
Pregunta Botón "parar" para un temporizador y recibir una hora
Hola, me encontré un código de Javascript de un temporizador, le cambié para que empezara al darle clic a un botón, pero quiero que también tenga un botón de "parar/reiniciar", y también que reciba horas por un campo de texto en vez desde el código, aquí está el código:

Código Javascript: 
Ver original
  1. <script language="javascript">
  2. //Variables que determinan el total de horas, minutos y segundos para la cuenta atrás
  3. toHour=1;
  4. toMinute=0;
  5. toSecond=0;
  6.  
  7. //Cuenta atrás
  8. function countDown()
  9. {
  10. toSecond=toSecond-1;
  11. if(toSecond<0)
  12. {
  13. toSecond=59;
  14. toMinute=toMinute-1;
  15. }
  16. form.second.value=toSecond;
  17.  
  18. if(toMinute<0)
  19. {
  20. toMinute=59;
  21. toHour=toHour-1;
  22. }
  23. form.minute.value=toMinute;
  24.  
  25. form.hour.value=toHour;
  26. if(toHour<0)
  27. {
  28. //Final
  29. form.second.value=0;
  30. form.minute.value=0;
  31. form.hour.value=0;
  32. }else{
  33. setTimeout("countDown()",1000);
  34. }
  35. }
  36. </script>

Y aquí el HTML (Incluído en el mismo documento)

Código HTML: 
Ver original
  1. <style type="text/css">
  2. .form_input
  3. {
  4. font-family: Verdana;
  5. font-size: 12;
  6. color: #ffffff;
  7. border-width: 0;
  8. background-color: #000077;
  9. text-align: right;
  10. }
  11. </style>
  12. </head>
  13.  
  14. <body>
  15. <form name="form">
  16. Tiempo restante: 
  17. <input type="text" size="5" class="form_input" name="hour" disabled>:
  18. <input type="text" size="5" class="form_input" name="minute" disabled>:
  19. <input type="text" size="5" class="form_input" name="second" disabled>
  20. <input type="button" name="empezar" id="empezar" value="Empezar" onclick="countDown()"/>
  21. </form>

¿Alguien que me ayude? :DD

Gracias