home Foro de soporte Ayuda para webmasters HTML básico
 
Dos cuentas regresivas en la misma pagina (como lo hago)
#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


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 16
Desde: 28/Sep/2005
·
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 17:03 UTC+02:00 DST
Temas similares
 I FotoTemaMensajesÚltima respuesta
No Hay mensajes nuevosHaz clic para ver el perfil del usuario608/Feb/2009, 23:19
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario
abrir en misma pagina
Por: · 09/Oct/2010, 13:03
109/Oct/2010, 15:44
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario403/May/2019, 04:16
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario221/Feb/2008, 00:25
 Ir al último mensaje del tema
El tema está cerradoHaz clic para ver el perfil del usuario
enlace en la misma página
Por: · 30/Ene/2005, 22:44
431/Ene/2005, 18:21
 Ir al último mensaje del tema