Ver Mensaje Individual
  #8 (permalink)  
Antiguo 04/02/2011, 12:17
clavena
 
Fecha de Ingreso: septiembre-2010
Ubicación: Santiago, Chile
Mensajes: 47
Antigüedad: 14 años, 5 meses
Puntos: 0
Respuesta: Javascript no funciona

Al fin ya se arreglo, el problema ahora es que cuando coloco como hora inicio 11:10 y hora termino 13:12 por ejemplo me de resultado 2:2, como lo hago para que quede 02:02???

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Documento sin t&iacute;tulo</title>
  5.  
  6. <script language="javascript">
  7.  
  8. function calcHr(){
  9.  
  10.     var hr = parseInt(document.getElementById("hr_2").value) - parseInt(document.getElementById("hr_1").value);
  11.     var min = parseInt(document.getElementById("min_2").value) - parseInt(document.getElementById("min_1").value);
  12.    
  13.     if(min<0) {
  14.         min = min + 60;
  15.         hr = hr -1;
  16.         document.getElementById("uf").value = hr + ":" + min;
  17.     }
  18.     else{
  19.         document.getElementById("uf").value = hr + ":" + min;
  20.     }
  21.    
  22.     }
  23.  
  24. </head>
  25.  
  26.     <blockquote>
  27.       <blockquote>
  28.         <blockquote>
  29.           <blockquote>
  30.             <blockquote>
  31.               <blockquote>
  32.                 <p>&nbsp;</p>
  33.                 <p>&nbsp;</p>
  34.                 <form id="frm" name="frm">
  35.                   <table width="350" align="center">
  36.                     <tr>
  37.                       <td width="157"><div align="right">Hora Inicio: </div></td>
  38.                       <td width="89"><div align="right">
  39.                         <input name="hr_1" type="text" id="hr_1" size="5" />
  40.                         : </div></td>
  41.                       <td width="90"><div align="left">
  42.                         <input name="min_1" type="text" id="min_1" size="5" />
  43.                       </div></td>
  44.                     </tr>
  45.                     <tr>
  46.                       <td><div align="right">Hora Termino: </div></td>
  47.                       <td><div align="right">
  48.                         <input name="hr_2" type="text" id="hr_2" size="5" />
  49.                         : </div>
  50.                           <div align="right"></div>
  51.                         <div align="right"></div></td>
  52.                       <td><div align="left">
  53.                         <input name="min_2" type="text" id="min_2" size="5" />
  54.                       </div></td>
  55.                     </tr>
  56.                     <tr>
  57.                       <td colspan="3"><div align="center">
  58.                         <input type="button" name="Submit" value="Calcular" onclick="calcHr()" />
  59.                       </div></td>
  60.                     </tr>
  61.                     <tr>
  62.                       <td><div align="right">Total UF: </div></td>
  63.                       <td colspan="2"><div align="center">
  64.                         <input name="uf" type="text" id="uf" />
  65.                       </div></td>
  66.                     </tr>
  67.                   </table>
  68.                 </form>
  69.               </blockquote>
  70.             </blockquote>
  71.           </blockquote>
  72.         </blockquote>
  73.       </blockquote>
  74.     </blockquote>
  75.  
  76.  
  77. </body>
  78. </html>

Última edición por clavena; 04/02/2011 a las 12:26