![Antiguo](http://static.forosdelweb.com/fdwtheme/images/statusicon/post_old.gif)
24/01/2012, 10:14
|
![Avatar de paxarin](http://static.forosdelweb.com/customavatars/avatar339695_1.gif) | | | Fecha de Ingreso: enero-2010 Ubicación: Santander
Mensajes: 413
Antigüedad: 15 años 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 |