Ver Mensaje Individual
  #7 (permalink)  
Antiguo 13/06/2010, 16:07
Avatar de Adler
Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 10 meses
Puntos: 126
Respuesta: Añadir actualizar a la cuenta atras

Hola

Prueba con esto

Código Javascript:
Ver original
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. restante = 0;
  5. iniciado = true;
  6.  
  7. function countDown(t) {
  8. TiempoEnSegundos = t/60/60;
  9. horasTotales =  parseInt(t/60/60);
  10. minutosFaltan = (TiempoEnSegundos - parseInt(TiempoEnSegundos));
  11. minutosFaltan2 = (minutosFaltan*1000*60*60);
  12. minutosFaltan2 = (minutosFaltan2/1000/60);
  13. minutosTotales = parseInt(minutosFaltan2);
  14. segundosFaltan = (minutosFaltan2 - parseInt(minutosFaltan2));
  15. segundosFaltan2 = (segundosFaltan*1000*60);
  16. segundosTotales = parseInt(segundosFaltan2/1000);
  17. restante = parseInt(t-1);
  18.  
  19. if(horasTotales < 10) {horasTotales = '0' + horasTotales;}
  20. if(minutosTotales < 10) {minutosTotales = '0' + minutosTotales;}
  21. if(segundosTotales < 10) {segundosTotales = '0' + segundosTotales;}
  22.  
  23.     if(restante<0) {
  24.         document.form.hour.value='00';
  25.         document.form.minute.value='00';
  26.         document.form.second.value='00';
  27.         clearTimeout(tiempo);
  28.         window.location.assign("pagina.php")
  29.         }else{
  30.         document.form.hour.value=horasTotales;
  31.         document.form.minute.value=minutosTotales;
  32.         document.form.second.value=segundosTotales;
  33.         tiempo = setTimeout("countDown(restante)",1000);
  34.     }
  35. }
  36.  
  37.  
  38. function PararContinuar(val){
  39.     if (iniciado == false)
  40.         if(val == 1) {
  41.             countDown(restante);
  42.             iniciado = true;
  43.         }
  44.    
  45.     if (iniciado == true)
  46.         if(val == 0) {
  47.             clearTimeout(tiempo);
  48.             iniciado = false;
  49.         }
  50. }
  51. </script>
  52.  
  53. <style type="text/css">
  54. .form_input
  55. {
  56.     font-family: Verdana;
  57.     font-size: 12;
  58.     color: #ffffff;
  59.     border-width: 0;
  60.     background-color: #000077;
  61.     text-align: right;
  62. }
  63. </style>
  64. </head>
  65.  
  66. <body onload="countDown(3600);">
  67. <form name="form">
  68.     Tiempo restante...:
  69.     <input type="text" size="5" class="form_input" name="hour" disabled>:
  70.     <input type="text" size="5" class="form_input" name="minute" disabled>:
  71.     <input type="text" size="5" class="form_input" name="second" disabled>
  72. </form>
  73. <input type="button" name="Button" value="Parar" onclick="PararContinuar(0);">
  74. <input type="button" name="Button" value="Continuar" onclick="PararContinuar(1);">
  75. </body>
  76. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />