Ayuda con hora en tiempo real

dante14 · #1 (**permalink**) 16/03/2009, 17:16

hola amigos como puedo hacer lo siguiente:
el codigo de abajo me muestra la hora del sistema en tiempo real en la columna 1, se actualiza cada segundo, ahora como ago para q al poner el tiempo en el textbox de la columna de alado me calcule el tiempo final en la columna nro 3

por ejemplo: la hora del sistema es 1:00, pongo en la siguiente columna el tiempo q es 60 [min], y me tendria q calcular q la salida seria a las 2:00

Código HTML:

<html> 
<head> 
<script language="JavaScript">
/* Coeminza el script del Reloj */
function actualizaReloj(){ 

/* Capturamos la Hora, los minutos y los segundos */
marcacion = new Date() 
/* Capturamos la Hora */
Hora = marcacion.getHours() 
/* Capturamos los Minutos */
Minutos = marcacion.getMinutes() 
/* Capturamos los Segundos */
Segundos = marcacion.getSeconds() 
/* Si la Hora, los Minutos o los Segundos son Menores o igual a 9, le añadimos un 0 */
if (Hora<=9)
Hora = "0" + Hora
if (Minutos<=9)
Minutos = "0" + Minutos
if (Segundos<=9)
Segundos = "0" + Segundos
/* Termina el Script del Reloj */

/* Creamos 4 variables para darle formato a nuestro Script */
var Inicio, Script, Final, Total

/*En Inicio le indicamos un color de fuente  y un tamaño */
Inicio = "<font size=3 color=black>"

/* En Reloj le indicamos la Hora, los Minutos y los Segundos */
Script = Hora + ":" + Minutos + ":" + Segundos

/* En final cerramos el tag de la fuente */
Final = "</font>"

/* En total Finalizamos el Reloj uniendo las variables */
Total = Inicio + Script + Final

/* Capturamos una celda para mostrar el Reloj */
document.getElementById('Fecha_Reloj').innerHTML = Total

/* Indicamos que nos refresque el Reloj cada 1 segundo */
setTimeout("actualizaReloj()",1000) 
}
</script>

<body onLoad="actualizaReloj()">
Aquí mostramos la Fecha y la hora:
<table border=1 cellpadding=0 cellspacing=0>
<tr>
<th>Hora inicio</th>
<th>Tiempo</th>
<th>Hora de salida</th>
</tr>
<tr>
<td id="Fecha_Reloj"></td>
<td id="Fecha_Reloj"><input name="" type="text" style="width:40px"></td>
<td id="Fecha_Reloj"></td>

</tr>
</table>
</body>
</html>

David · #2 (**permalink**) 16/03/2009, 18:25

Revisa esto:
http://www.forosdelweb.com/f13/calcu...69/#post671833

lalo0002 · #3 (**permalink**) 16/03/2009, 18:42

pero como lo enlazaria amigo ?
kisiera poner el tiempo en el textbox y q me calcule el tiempo final

David · #4 (**permalink**) 16/03/2009, 18:52

Pues modificando el value del elemento:

Código javascript:

Ver originaldocument.getElementById("elemento").value = horafinal;

lalo0002 · #5 (**permalink**) 16/03/2009, 18:59

perdoname mi desconocimiento pero no te entiendo muy bn, podrias hacerlo con mi codigo xfa ?

David · #6 (**permalink**) 16/03/2009, 19:39

Creo que será más instructivo si lo intentas primero por ti mismo y nos dices dónde te falla. Muéstranos cómo lo intentaste y te ayudamos a corregirlo

.

lalo0002 · #7 (**permalink**) 16/03/2009, 19:41

tienes razon amigo, toy intentando
pero no se donde poner el codigo q me diste

lalo0002 · #8 (**permalink**) 16/03/2009, 19:56

avanze un poco, lo q kiero es sumar el tiempo q se pondra en el textbox con el tiempo del sistema para q me de el tiempo final
pero eso no se, me ayudas con esa parte

Código HTML:

<html><head>
<script language="JavaScript"> 
/* Coeminza el script del Reloj */ 

function actualizaReloj(){ 

/* Capturamos la Hora, los minutos y los segundos */ 
marcacion = new Date() 

/* Capturamos la Hora */ 
Hora = marcacion.getHours() 

/* Capturamos los Minutos */ 
Minutos = marcacion.getMinutes() 

/* Capturamos los Segundos */ 
Segundos = marcacion.getSeconds() 

/* Si la Hora, los Minutos o los Segundos 
Son Menores o igual a 9, le aÃ±adimos un 0 */ 

if (Hora<=9) 
Hora = "0" + Hora 

if (Minutos<=9) 
Minutos = "0" + Minutos 

if (Segundos<=9) 
Segundos = "0" + Segundos 

/* Termina el Script del Reloj */ 


/* Coemienza eÃ± Script de la Fecha */ 
var Fecha = " "; 

/* Termina el script de la Fecha */ 


/* Creamos 4 variables para darle formato a nuestro Script */ 
var Inicio, Script, Final, Total 

/*En Inicio le indicamos un color de fuente  y un tamaÃ±o */ 
Inicio = "<font size=2 color=666699 face=verdana>" 

/* En Reloj le indicamos la Hora, los Minutos y los Segundos */ 
Script = Fecha +"<br>"+ Hora + ":" + Minutos + ":" + Segundos 

/* En final cerramos el tag de la fuente */ 
Final = "</font>" 

/* En total Finalizamos el Reloj uniendo las variables */ 
Total = Inicio + Script + Final 

/* Capturamos una celda para mostrar el Reloj */ 
document.getElementById('Fecha_Reloj').innerHTML = Total 
Hora_Final = Total+txtTiempo;
document.getElementById('Fecha_Final').innerHTML = Hora_Final

/* Indicamos que nos refresque el Reloj cada 1 segundo */ 
setTimeout("actualizaReloj()",1000) 
} 
</script>

<meta content="MSHTML 6.00.2800.1400" name="GENERATOR">
</head>
<body onload="actualizaReloj()">
<table width="100" border="1">
<tr>
<th >Inicio</th>
<th >Tiempo</th>
<th >Fin</th>
</tr>
<tr>
<td id="Fecha_Reloj"></td>
<td><input name="txtTiempo" type="text" style="width:40px"></td>
<td id="Fecha_Final"></td>
</tr>
</table> 

</body>
</html>

David · #9 (**permalink**) 16/03/2009, 22:05

¿Por qué no haces el cálculo como está en el enlace que te puse?

En ese código de JavierB (

) lo que hace es obtener los milisegundos de la fecha (usando getTime()) y lo suma al incremento en milisegundos, que para 1 hora sería 1000*60*60, para dos horas: 2000*60*60, y así sucesivamente.