Tema: barra de progreso
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 24/10/2010, 05:21
emuso88
 
Fecha de Ingreso: abril-2010
Mensajes: 25
Antigüedad: 14 años
Puntos: 0
Respuesta: barra de progreso
Código PHP: 
Ver original
  1. <?php 
  2. include("conex.php");
  3. mysql_connect("$server", "$dbusername", "$dbpass") or die(mysql_error());
  4. mysql_select_db("$dbname") or die(mysql_error());
  5. $result = mysql_query("SELECT * FROM time") or die(mysql_error());  
  6. $row = mysql_fetch_array( $result );
  7.     // Print out the contents of each row into a table
  8.     $hour=$row['ho'];
  9.     $minute=$row['mi'];
  10.     $second=$row['se'];
  11.     
  12.     echo"s-$second m-$minute h-$hour";
  13.  ?>
  14. <script language="javascript">
  15. <!--
  16. //Codigo que muestra una cuenta atras hasta finalizar el tiempo indicado
  17. //La Web del Programador
  18. //http://www.lawebdelprogramador.com
  19.  
  20. //variables que determinan el tital de horas, minutos y segundos para la cuenta atras
  21. toHour= <?php echo $hour; ?> ;
  22. toMinute= <?php echo $minute; ?> ;
  23. toSecond= <?php echo $second; ?> ;
  24.  
  25. //cuenta atras
  26. function countDown()
  27. {
  28.     toSecond=toSecond-1;
  29.     if(toSecond<0)
  30.     {
  31.         toSecond=59;
  32.         toMinute=toMinute-1;
  33.     }
  34.     form.second.value=toSecond;
  35.  
  36.     if(toMinute<0)
  37.     {
  38.         toMinute=59;
  39.         toHour=toHour-1;
  40.     }
  41.     form.minute.value=toMinute;
  42.  
  43.     form.hour.value=toHour;
  44.     if(toHour<0)
  45.     {
  46.         //final
  47.         form.second.value=0;
  48.         form.minute.value=0;
  49.         form.hour.value=0;
  50.     window.location.href='pagina.php'; //////////////Aqui nos envia a la pagina
  51.     }else{
  52.         setTimeout("countDown()",1000);
  53.     }
  54. }
  55. -->
  56. </script>
  57.  
  58. <style type="text/css">
  59. .form_input
  60. {
  61.     font-family: Verdana;
  62.     font-size: 12;
  63.     color: #ffffff;
  64.     border-width: 0;
  65.     background-color: #000077;
  66.     text-align: right;
  67. }
  68. </style>
  69. </head>
  70.  
  71. <body onload="countDown();">
  72. <form name="form">
  73.     Tiempo restante...: 
  74.     <input type="text" size="5" class="form_input" name="hour" disabled>:
  75.     <input type="text" size="5" class="form_input" name="minute" disabled>:
  76.     <input type="text" size="5" class="form_input" name="second" disabled>
  77. </form>

he echo esto, pero sera fiable con el tiempo del servidor no? ya que solo coje al principio los datos de la base de datos y luego es un puro javascript sin volver a ver la bd.

esto seria con numeros, pero como le pondria una barra de estas en javascript que va aumentando?