hola gente encontre esta rutina de javascript para poner dos cuentas regresivas en una misma pagina, mi pregunta es: 1 como hago para que los numeros aparezcan en negritas y con un fondo del color que yo quiera. 2 como hago para ubicar los contadores en la posicion que yo quiera. gracias!!
aqui estan los codigos.
function countdown(obj)
{
this.obj = obj;
this.Div = "clock";
this.BackColor = "white";
this.ForeColor = "black";
this.TargetDate = "12/31/2020 5:00 AM";
this.DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
this.CountActive = true;
this.DisplayStr;
this.Calcage = cd_Calcage;
this.CountBack = cd_CountBack;
this.Setup = cd_Setup;
}
function cd_Calcage(secs, num1, num2)
{
s = ((Math.floor(secs/num1))%num2).toString();
if (s.length < 2) s = "0" + s;
return (s);
}
function cd_CountBack(secs)
{
this.DisplayStr = this.DisplayFormat.replace(/%%D%%/g, this.Calcage(secs,86400,100000));
this.DisplayStr = this.DisplayStr.replace(/%%H%%/g, this.Calcage(secs,3600,24));
this.DisplayStr = this.DisplayStr.replace(/%%M%%/g, this.Calcage(secs,60,60));
this.DisplayStr = this.DisplayStr.replace(/%%S%%/g, this.Calcage(secs,1,60));
document.getElementById(this.Div).innerHTML = this.DisplayStr;
if (this.CountActive) setTimeout(this.obj +".CountBack(" + (secs-1) + "", 990);
}
function cd_Setup()
{
var dthen = new Date(this.TargetDate);
var dnow = new Date();
ddiff = new Date(dthen-dnow);
gsecs = Math.floor(ddiff.valueOf()/1000);
this.CountBack(gsecs);
}
este codigo se guarda en el servidor como countdown.js
y este otro lo usamos para crear un html que llame al contador
title>Countdown</title>
<script language="javascript" src="countdown.js"></script>
<script language="javascript">
var cd1 = new countdown('cd1');
cd1.Div = "clock1";
cd1.TargetDate = "08/15/2010 8:00 PM";
cd1.DisplayFormat = "%%D%% days, %%H%% hours, %%M%% minutes, %%S%% seconds until event AAA happens";
var cd2 = new countdown('cd2');
cd2.Div = "clock2";
cd2.TargetDate = "01/01/2007 0:00 AM";
cd2.DisplayFormat = "%%D%% days, %%H%% hours, %%M%% minutes, %%S%% seconds until event BBB happens...";
</script>
</head>
<body>
<div id="clockwrapper"><div id="clock1">[clock]</div></div>
<br>
<div id="clockwrapper"><div id="clock2">[clock2]</div></div>
<br>
<script language="javascript">
<!--
cd1.Setup();
cd2.Setup();
//-->
</script>
espero que alguien me ayude
pd: el archivo countdown.js tiene que estar en mismo directorio que el html, o sino le tendran que cambiar la ruta del SCR.