InicioAyuda para webmastersHTML básico
Responder
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
Opciones:
Suscribir

Permisos:

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 03:12 UTC+02:00 DST
Ir al subforo:
Temas similares
TemaUsuariosRespuestasVisitasActividad
63kFeb/09
13kOct/10
76k22d
2521Feb/08
414kJan/05