Varias cuentas regresivas a la vez

[waspeis]

Buenas a todos,

Necesito mostrar varias cuentas regresivas a la vez
Los valores los tomaré de una base de datos, podrá ser una sóla cuenta atrás o varias

Código HTML:

<span id=demo4></span><br>
<span id=demo5></span><br>
<span id=demo6></span>
 

Código Javascript:

//var a = [4, 5, 6];
    var a=[];
    var b={};
    for(var i=3;i<6;i++)
    {
        b = {segundos: (i+1), elemento: 'demo' + (i+1)};
        a.push(b);
    }
 
    function mifun(X)
    {
        if(X.segundos>0) 
        {
            document.getElementById(X.elemento).innerHTML = X.segundos;
            X.segundos--;
        }
        else document.getElementById(X.elemento).innerHTML = "Cuenta finalizada";
    }
 
    setInterval(function(){mifun(a[0]);},1000);
    setInterval(function(){mifun(a[1]);},1000);
    setInterval(function(){mifun(a[2]);},1000);
 

Esto me muestra correctamente las cuentas a la vez

Pero dependiendo de la información guardada en la base de datos podrá ser una o varias cuentas. ¿Cómo puedo hacer para no tener que poner las 3 líneas últimas del código javascript? He probado en un bucle y cambiando a[0], a[1] y a[2] por a[cont] pero no funciona...

Gracias

[xfxstudios]

crea un while dentero del script, yo lo he hecho con graficos de echart y con el calendario de fullcalendar por ejemplo

Código Javascript:

//var a = [4, 5, 6];
    var a=[];
    var b={};
    for(var i=3;i<6;i++)
    {
        b = {segundos: (i+1), elemento: 'demo' + (i+1)};
        a.push(b);
    }
 
    function mifun(X)
    {
        if(X.segundos>0) 
        {
            document.getElementById(X.elemento).innerHTML = X.segundos;
            X.segundos--;
        }
        else document.getElementById(X.elemento).innerHTML = "Cuenta finalizada";
    }
<?php while($row = $X->fetch_array()){ ?> 
    setInterval(function(){mifun(<?php echo 4row['campo'] ?>);},1000);
<?php } ?>
 

prueba asi a ver

[waspeis]

Gracias xfxstudios...

A ver, en la base de datos hay una tabla tiempos, en esa tabla en cada fila hay dos fechas guardadas. Cuando se ejecuta el PHP se hace la resta de las dos fechas y mediante una fórmula se pasa esa resta a minutos y segundos y se va guardando en un array. Por cada fila se guardan dos datos en el array, los minutos y los segundos. Yo he puesto un ejemplo sólo con segundos para simplificar.

Luego en javascript obtengo el array de PHP. Por lo tanto tendré en javascript un array nuevo con los valores ya guardados en minutos y segundos. En el ejemplo que yo he puesto sólo he puesto 3 valores para hacerlo más sencillo, que son segundos (4, 5 y 6 segundos)

Se podría hacer desde javascript de alguna manera para no tener que escribir esas 3 últimas líneas? Ya que en un bucle no funciona o no se cómo ponerlo realmente

Gracias!!!