Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/01/2012, 10:14
Avatar de paxarin
paxarin
 
Fecha de Ingreso: enero-2010
Ubicación: Santander
Mensajes: 413
Antigüedad: 14 años, 3 meses
Puntos: 6
Estilos css para contador con javascript

Muy buenas.
Necesito un poco de ayuda, con esto.
Tengo un contador, en cuenta atras al que necesito darle unos estilos para que quede lo más parecido a un reloj digital. Pero dar estilos atraves de javascript no es lo mio la verdad.
El script es este:
// JavaScript Temporizador
var futuro = new Date (2012,5,25,20,16);
var actualiza = 1000;
function faltan(){
var ahora = new Date();
var faltan = futuro - ahora;
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;
document.formulario.reloj.value= dias + " dias : " + horas_s + " horas : " +
+minutos_s + " minutos : " + segundos_s + " segundos" ;
setTimeout("faltan()",actualiza);
}
else {
document.formulario.reloj.value= "0 dias : 0 horas : 0 minutos : 0 segundos" ;
return true;
}
}

y el html es este:
<form name="formulario">
<input type="text" name="reloj" value="" size="50" style="border : 0px ; text-align : center">
</form>
Y le tengo con estos estilos (provisionales)
input[type="text"]{width:306px; height:50px;float:left; background:#d7d7d7;margin-left:2px; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#3C3;}
Espero que alguien pueda ayudarme.
Un saludo
__________________
http://www.paxarindesign.es