[SOLUCIONADO] Ejemplo Interactivo :Clear Intevarls Error para multiples llamadas

[Albuss]

¿por que?

Si llamamos varias veces a una función que crea un intervalo, y luego llamamos las mismas veces a otra funcion para limpiar el intervalo , las multiples llamadas a ese cleanInterval son superfuas, no funcionan, ¿por que?


Ejemplo interactivo : http://www.vodoad.com/basf.html

Ps. Pulsa una vez a la funcion que crea un intervalo y luego pulsa una vez a la funcion que "limpia" el intervalo, veras que todo funciona bien, ahora pulsa 1+ veces la funcion que crea un intervalo y pulsa las mismas veces la funcion para "limpiarlo" veras que ya no funciona correctamente.

[emprear]

Iniciado por Albuss

¿por que?

Si llamamos varias veces a una función que crea un intervalo, y luego llamamos las mismas veces a otra funcion para limpiar el intervalo , las multiples llamadas a ese cleanInterval son superfuas, no funcionan, ¿por que?


Ejemplo interactivo : http://www.vodoad.com/basf.html

Ps. Pulsa una vez a la funcion que crea un intervalo y luego pulsa una vez a la funcion que "limpia" el intervalo, veras que todo funciona bien, ahora pulsa 1+ veces la funcion que crea un intervalo y pulsa las mismas veces la funcion para "limpiarlo" veras que ya no funciona correctamente.

@Albuss
Analicemos tu código, primero, cambias el color, pero una vez cambiado queda ahi, no se vuelve a cambiar con una condición
if style.color == algo
style.color = otra cosa ...
ok?

Segundo setTimeout demora la ejecución de la función x milisegundos, pero no la repite, salvo que hagas algo como

Código Javascript:

function rotate(){
if (imagen_num > 3) {
imagen_num = 0;
}
img = document.Source;
img.src =img_array[imagen_num];
imagen_num++;
var t=setTimeout('rotate()',1000);
}
 

es decir que una función se llama a si misma.
Tu ejemplo, corregido el tema de cambio de colores, se aplicaría tal vez si utilizases setInteval(), que si repite una función indefinidamente

SAludos

[Albuss]

no no, ovbiamente no he sabido concretar, me refiero a que si lanzas varias veces una llamada a una funcion que hace un settimeout, las 3 se ejecutan correctamente pero cuando intentas evitar que las 3 se ejecuten, no puedes, es decir:

Usando el ejemplo que expuse arriva : pulsa tres veces "lanzar timeout" , acto seguido pulsa tres veces "lanzar cleanTimeout" (hay tiempo de sobra ya que son 1.5sg) ¿resultado? el box cambiara de color si o si. ¿por que cleanTimeout no hace su trabajo si ha sido llamados las mismas veces despues de lanzar las mismas veces settimeout?

¿queda claro mi pregunta ahora?

[ocp001a]

Si no me equivoco el problema es que cada settimeout genera un hilo diferente, y tu sólo guardas el último.

Ejemplo:

Interval=llamada1
Interval=llamada2
Interval=llamada3

Cuando intentes hacer el clearTimeout sólo detendrás la llamada3, las primeras 2 continuarán.

[Albuss]

teoricamente cada vez que se llama a la funcion que lanzar el setinterval, la variable se reescribe. o al menos eso seria la teoria. y si es lo que tu dices ¿alguna sugerencia para limpiar todos los intervarls?

[ocp001a]

Sólo que los guardes en un array.

[emprear]

Iniciado por ocp001a

Sólo que los guardes en un array.

Si, estás en lo cierto
Asi funciona

Código Javascript:

<script type="text/javascript">
var Demoras=[]; 
function changeColor(){
Demoras[Demoras.length] =setTimeout(function(){document.getElementById('cuadrado').style.background = 'hsla(300,100%,50%,1)'; },3000);  
console.log(Demoras.length);
}
function evitarcambiarColo(){
if (Demoras) for (var i in Demoras) if (Demoras[i]) clearTimeout(Demoras[i]);
Demoras = [];
}
</script>
 

Saludos

[Albuss]

Gracias! a los dos.

[Albuss]

Una pregunta rapida;

referente a a esta linea de codigo :

Código Javascript:

if (Demoras) for (var i in Demoras) if (Demoras[i]) clearTimeout(Demoras[i]);
 

No seria mas simple hacer esto :

Código Javascript:

for(i=0;i<Demoras.length;i++){
        clearTimeout(Demoras[i]);
    }
 

Aunque es rebundante, el segundo if(demoras[i]) es superfluo, o al menos, en lo que humildemente entiendo sobre JS, si un for ve que una array no tiene mas valores en su indice, se para de ejecutar ¿estoy equivocado, verdad?