Problemas cuenta atras en js

syntex · #1 (**permalink**) 27/08/2011, 06:35

Hola buenas

Estoy intentando hacer una cuenta atrás y me gustaria tener como unos 30 contadores a la vez.

Estoy intentando que sea un bucle y pasarle variables en la function pero no funciona.

Código PHP:

  <script type="text/javascript" language="JavaScript">
function contador(dia,mes,ano,horas,minutos)
{
    var mes = 08; // Mes 
    var futuro = new Date (ano,mes-1,dia,horas,minutos);
    var actualiza = 1;

    var ahora = new Date();
    var faltan = futuro - ahora;
    
    if (faltan > 0)
    {
        var segundos = Math.round(faltan/1000);
        var minutos = Math.floor(segundos/60);
        var segundos_s = segundos%60;
        var horas = Math.floor(minutos/60);
        var minutos_s = minutos%60;
        var dias = Math.floor(horas/24);
        var horas_s = horas%24;
        
        document.getElementById('dias').innerHTML = dias;
        document.getElementById('horas').innerHTML = horas_s;
        document.getElementById('minutos').innerHTML = minutos_s;
        document.getElementById('segundos').innerHTML = segundos_s;

        setTimeout("contador();",actualiza);
        
    }else {
        document.getElementById('reloj').innerHTML = "0 dias : 0 horas : 0 minutos : 0 segundos" ;
        return true;
    }
}
</script>

Aqui es donde quiero añadir el dia,mes,año,horas,minutos

Código HTML:

</head>
<BODY>
Días: <div id="dias"></div>
horas: <div id="horas"></div>
minutos: <div id="minutos"></div>
segundos: <div id="segundos"></div>
<script type="text/javascript">contador(dia,mes,ano,horas,minutos);</script>
</body>
</html>

Muchas gracias.

IsaBelM · #2 (**permalink**) 27/08/2011, 07:23

cuando vuelves a invocar la función no le estás pasando ningún parámetro

Cita:

setTimeout("contador();",actualiza);

habría que corregir alguna cosa más, pero creo que corrigiendo únicamente eso, funcionará

syntex · #3 (**permalink**) 27/08/2011, 12:11

Si le pongo

Código HTML:

setTimeout("contador(dia,mes,ano,horas,minutos);",actualiza);

No me actualiza y se para

Me podrias ayudar a mejorar el script? Y así documentandolo voy aprendiendo.

Muchas gracias.

syntex · #4 (**permalink**) 27/08/2011, 14:35

Ahora he hecho este script y funciona pero no puedo meter dos:

Lo necesitaria para poner en artículos de mi tienda online y que al finalizar cambio el precio real y sin promocion.

Código PHP:

  <html> 
<head> 
<script type="text/javascript"> 
  
function countDown(repite,id,a,me,d,h,m,s,precio_a,precio_b) 
{     
    if (repite=='true') 
    { 
        var anyo=a; 
        var mes=me-1; 
        var dia=d; 
        var hora=h; 
        var minuto=m; 
        var segundo=s; 
        var precio_a; 
         var precio_b; 
        var id; 
     
        var La_fecha = new Date(); 
        var La_fecha_total = new Date(anyo,mes,dia,hora,minuto,segundo); 
         
        toSecond = (La_fecha_total - La_fecha)/1000 
        toDay = parseInt(toSecond/86400); 
        toSecond=toSecond-(toDay*86400); 
        toHour = parseInt(toSecond/3600); 
        toSecond=toSecond-(toHour*3600); 
        toMinute=parseInt(toSecond/60); 
        toSecond=parseInt(toSecond-(toMinute*60)); 
        precio_ahora= precio_a; 
        precio_antes= precio_b; 
        id_div        = id; 
    } 
          
    toSecond=toSecond-1; 
          
          
    if(toSecond<0) 
    { 
        toSecond=59; 
        toMinute=toMinute-1; 
    } 
  
    if(toMinute<0) 
    { 
        toMinute=59; 
        toHour=toHour-1; 
    }  
          
    if(toHour<0) 
    {    
        toHour=23; 
        toDay=toDay-1; 
              
    } 
    
    if(toDay >= 0) 
    {          
        document.getElementById(id_div+'dias').innerHTML = toDay; 
        document.getElementById(id_div+'horas').innerHTML = toHour; 
        document.getElementById(id_div+'minutos').innerHTML = toMinute; 
        document.getElementById(id_div+'segundos').innerHTML = toSecond; 
         
        document.getElementById(id_div+'precio').innerHTML = precio_ahora+"EUR"; 
         
        setTimeout("countDown('false')",1000); 
    }else{ 
        document.getElementById(id_div+'dias').innerHTML = 0; 
        document.getElementById(id_div+'horas').innerHTML = 0; 
        document.getElementById(id_div+'minutos').innerHTML = 0; 
        document.getElementById(id_div+'segundos').innerHTML = 0; 
         
        document.getElementById(id_div+'precio').innerHTML = precio_antes+"EUR"; 
        return true; 
    } 
} 
  
</script> 
</head> 
<body> 
*************** 1<br> 
Días: <div id="id1_dias"></div> 
horas: <div id="id1_horas"></div> 
minutos: <div id="id1_minutos"></div> 
segundos: <div id="id1_segundos"></div> 
precio: <div id="id1_precio"></div> 
<script type="text/javascript">countDown('true','id1_','2011','8','27','22','30','14','600','1000');</script> 
 
*************** 2<br> 
Días: <div id="id2_dias"></div> 
horas: <div id="id2_horas"></div> 
minutos: <div id="id2_minutos"></div> 
segundos: <div id="id2_segundos"></div> 
precio: <div id="id2_precio"></div> 
<script type="text/javascript">countDown('true','id2_','2011','8','27','22','40','14','600','1000');</script> 
</body> 
</html>

syntex · #5 (**permalink**) 09/09/2011, 07:24

Nadie puede ayudarme.
solo me faltaria poner varios contadores con la misma function
Muchas gracias