home Foro de soporte Ayuda para webmasters HTML básico
 
Dos cuentas regresivas en la misma pagina (como lo hago)
Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual
·
#1 · ·

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) + &quotGiño", 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.
GiñoGiño

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Foro de soporte · Ayuda para webmasters · HTML básico
Opciones:
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 00:05 UTC+02:00 DST
Temas similares
 I TemaAutorMensajesVisitasÚltima respuesta
No Hay mensajes nuevos07/Feb/2009, 08:51
63k08/Feb/2009, 23:19
 Ir al último mensaje del tema
No Hay mensajes nuevos09/Oct/2010, 13:03
13k09/Oct/2010, 15:44
 Ir al último mensaje del tema
No Hay mensajes nuevos30/Ago/2009, 20:11
45k03/May/2019, 04:16
 Ir al último mensaje del tema
No Hay mensajes nuevos20/Feb/2008, 22:08
243421/Feb/2008, 00:25
 Ir al último mensaje del tema
El tema está cerrado30/Ene/2005, 22:44
414k31/Ene/2005, 18:21
 Ir al último mensaje del tema