Buenas, tengo este codigo que no se me ejecuta bien, ya que me deja demasiado espacion por la izq en la página y solo si lo ejecuto de forma local, se me ejecuta bien, sino me sale en blanco, desplazado y se escribe en la caja de texto.
¿Alguien podria hecharme una mano?
el codigo es el siguiente
<html>
<head>
<script type="text/javascript">
// estas dos variables se pueden modificar
//fecha de referencia del contador: fin del año 2008
var futuro = new Date (2010,00,28,17,00);
//actualiza el contador cada 4 segundos ( = 1000 milisegundos)
var actualiza = 1000;
// función que calcula y escribe el tiempo en días, horas, minutos y segundos
// que faltan para la variable futuro
function faltan(){
var ahora = new Date();
var faltan = futuro - ahora;
// si todavís no es futuro
if (faltan > 0){
var segundos = Math.round(faltan/1000);
var minutos = Math.floor(segundos/60);
var segundos_s = segundos%60;
var horas = Math.floor(minutos/60);
var minutos_s = minutos%60;
var dias = Math.floor(horas/24);
var horas_s = horas%24;
// escribe los resultados
(segundos_s < 10)? segundos_s = "0"+ segundos_s: segundos_s = segundos_s;
(minutos_s < 10)? minutos_s = "0"+ minutos_s: minutos_s = minutos_s;
(horas_s < 10)? horas_s = "0"+ horas_s: horas_s = horas_s;
(dias < 10)? dias = "0"+ dias: dias = dias;
var resultado = dias+" "+ horas_s +" "+ minutos_s +" " + segundos_s ;
document.formulario.reloj.value = resultado;
//actualiza el contador
setTimeout("faltan()",actualiza);
}
// estamos en el futuro
else {
document.formulario.reloj.value= "00 dias : 00 horas : 00 minutos : 00 segundos" ;
}
}
</script>
<style type="text/css">
<!--
.Estilo1 { font-family: "Adobe Garamond Pro Bold"
}
#apDiv6 {
position:absolute;
left:372px;
top:291px;
width:648px;
height:28px;
z-index:6;
}
-->
</style>
</head>
<body onLoad="faltan();">
<form name="formulario"><input type="text" name="reloj" value="" size="40" style="color: #0099FF; border:1; font-size: 60pt; text-align: center;" solid black; text-align : center">
</p></form>
</body>
</html>
