Necesito mostrar varias cuentas atrás a la vez. Los datos se tomarán de una base de datos y podrá ser una sóla cuenta o más de una. A continuación pongo un ejemplo:
//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);
<span id=demo4></span><br>
<span id=demo5></span><br>
<span id=demo6></span>
Esto es un pequeño ejemplo. Los datos se obtienen en PHP y luego los paso a un vector en JavaScript. El tamaño del vector podrá variar en función de la información guardada.
En este caso llamo a la función setInterval
en tres ocasiones (a[0]
, a[1]
y a[2]
). Pero el tamaño real del vector no será siempre el mismo. ¿Cómo se podría llamar a la función setInterval sin tener que escribir esas 3 últimas líneas?
He probado a meterla en un bucle como el siguiente pero no funciona:
for(var i=0;i<a.length;i++)
setInterval(function(){mifun(a[i]);},1000);