[SOLUCIONADO] set intervals infinitos

[juanito1712]

no comprendo porqué da se generan varios intervalos que se solapan el codigo es este

Código:

destinos=new Array(0,0,0,0,0);
timers=new Array(null,null,null,null,null);
function muestra(tgt){
	destinos[tgt.id]=-337;
	timers[tgt.id]=setInterval(function(){
				tgt.style.left=(tgt.offsetLeft+destinos[tgt.id])/2+'px';
				if(tgt.offsetLeft<0 && tgt.offsetLeft>-10){clearInterval(timers[tgt.id]);}
	},500);
}
function oculta(tgt){
	destinos[tgt.id]=0;
}

es un easing y cada vez que vuelvo a poner el raton encima del div, la animación se va acelerando mas y mas.

[Tecna]

Buenas,

porque antes de lanzar un nuevo setInterval tendrías que comprobar si existe alguno y cancelar. Según tu ejemplo podría ser algo así:

Código Javascript:

function comprobar(fun, time, i)
{
    if(timers[i])
        clearTimeout(timers[i]);
    timers[i] = setInterval(fun, time);
}
 
function muestra(tgt)
{
    destino[tgt.id] = -337;
    comprobar( function( ){ acciones(tgt); },  500, tgt.id );
}
 
function acciones(tgt)
{
  tgt.style.left=(tgt.offsetLeft+destinos[tgt.id])/2+'px';
  if(tgt.offsetLeft<0 && tgt.offsetLeft>-10) 
        timers[tgt.id] = null;
}
 

Me da la sensación de que estás usando un id numérico y eso no es correcto.