Conseguí esté código Javascript que me permite hacer un reloj de cuenta atrás, pero se muestra en un formato muy simple.
Quisiera saber como cambiar el color de fondo y el tamaño, fuente y color del texto.
Este es el código:
Cita:
Gracias! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>RELOJ QUE CUENTA HACIA ATRÁS</title>
<META NAME="GENERATOR" CONTENT="MAX's HTML Beauty++ 2004">
<script type="text/javascript" language="JavaScript">
// autor : jallmalatesta
var futuro = new Date (2008,11,2,00,00);
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;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">
<!--
body,td,th {
font-family: verdana;
font-size: 12px;
color: #00CCFF;
}
-->
</style></head>
<BODY onLoad="faltan()">
<form name="formulario">
<input type="text" name="reloj" value="" size="55" style="border : 0px ; text-align : center">
</form>
</body>
</html>
<HTML>
<HEAD>
<TITLE>RELOJ QUE CUENTA HACIA ATRÁS</title>
<META NAME="GENERATOR" CONTENT="MAX's HTML Beauty++ 2004">
<script type="text/javascript" language="JavaScript">
// autor : jallmalatesta
var futuro = new Date (2008,11,2,00,00);
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;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">
<!--
body,td,th {
font-family: verdana;
font-size: 12px;
color: #00CCFF;
}
-->
</style></head>
<BODY onLoad="faltan()">
<form name="formulario">
<input type="text" name="reloj" value="" size="55" style="border : 0px ; text-align : center">
</form>
</body>
</html>