Reloj Cuentra atras

[guerrero_93]

Buenas tardes,



Estaría interesado en poner en mi web, en la misma página varios contadores de cuenta atrás, pero estoy intentandolo introducir, y solo se me visualiza 1 , los demás no, como si hubiese alguna incompatibilidad a la hora de poner más de 1 ( seria algo como por ejemplo letsbonus que tiene el con tador en la misma página).


El código es el siguiente:

<table width="334" border="1" align="center">
<tr>
<td>
<div align="center">La siguiente oferta finaliza en ... <!-- JavaScript facilitado por JANU1535 en www.JanuWeb.Com --> <script type="text/javascript">
//<![CDATA[

function calcula()
{
hoy = new Date()
hasta = new Date("September 04, 2012 00:00") // Cambiar aquí el valor de la fecha y hora elegida.
DD = (hasta - hoy) / 86400000
hh = (DD - Math.floor(DD)) * 24
mm = (hh - Math.floor(hh)) * 60
ss = (mm - Math.floor(mm)) * 60
document.getElementById('hora').innerHTML = Math.floor(DD) + " Días, " + Math.floor(hh) + " Horas, " + Math.floor(mm) + " Minutos y " + Math.floor(ss) + " Segundos. "
if (hasta < hoy)
{
document.getElementById('hora').innerHTML = "Oferta Finalizada"
cleartimeout(tictac)
}
else tictac = setTimeout("calcula()",1000)
}
//]]>
</script></div>
<center>
<div id="hora"><script type="text/javascript">
//<![CDATA[
calcula()
//]]>
</script></div>
</center>
<br /></td>
</tr>
</table>

El tema es que lo quiero colocar varias veces, pero solo se me ve 1, las demás no se ven:

En la primera se ve las horas que quedan y todo bien, y la segunda solo da la descripción sin poner las horas que quedan como si hubiese alguna inompatibilidad,

no se si me he explicado bien¿?

[txemaarbulo]

Vi tu consulta anterior y entendí que te habían respondido.

Doy por echo que el código te funciona (yo lo he realizado pero con imágenes en vez de texto, lo cual es un poco más complejo).

En primer lugar, al poner varios contadores, no puedes repetir id, y tendrás de renombrar de forma diferente la función.

Consecuentemente, tendrás que repetir el javascript con los nuevos datos.
ejemplo:para el primer cronómetro "cuentaatras" el que tienes. OK

Para el segundo:

Código HTML:

<table width="334" border="1" align="center">
<tr>
<td> 
<div align="center">La siguiente oferta finaliza en ... <!-- JavaScript facilitado por JANU1535 en www.JanuWeb.Com --> <script type="text/javascript">
//<![CDATA[
 
function calculados() 
{ 
hoy = new Date() 
hasta = new Date("September 04, 2012 00:00") // Cambiar aquí el valor de la fecha y hora elegida. 
DD = (hasta - hoy) / 86400000 
hh = (DD - Math.floor(DD)) * 24 
mm = (hh - Math.floor(hh)) * 60 
ss = (mm - Math.floor(mm)) * 60 
document.getElementById('horados').innerHTML = Math.floor(DD) + " Días, " + Math.floor(hh) + " Horas, " + Math.floor(mm) + " Minutos y " + Math.floor(ss) + " Segundos. " 
if (hasta < hoy) 
{ 
document.getElementById('horados').innerHTML = "Oferta Finalizada" 
cleartimeout(tictac) 
} 
else tictac = setTimeout("calculados()",1000) 
} 
//]]>
</script></div>
<center>
<div id="horados"><script type="text/javascript">
//<![CDATA[
calculados()
//]]>
</script></div>
</center>
<br /></td>
</tr>
</table>
 

Por cada nuevo contador los renombras de nuevo (observa los cambios de id horados y función calculados. serán horatres y calculatres, etc. por inventarte nombres.