Problema con timer

[zulin]

Buenas

Estoy intentando programar unos botones para una pagina web con una animación para que sea un poquito mas agradable a la vista, el movimiento lo estoy controlando con timers pero cuando paso por encima de mas de un botón y empieza el movimiento todos se aceleran automáticamente. Pensé que era por utilizar la misma varible pero lo he probado con mas de una i sigue haciendo lo mismo.

Alguien tiene alguna idea de porque me pasa esto?

Muchas gracias.

[maycolalvarez]

me imagino porque no controlas debidamente el manejador de los settimeout y por ende generas más de uno en el onmouseenter y por ende afectan a la misma variable???

[zulin]

Buenas

No entiendo muy bien lo que me comentas, si te pongo el código te ayudaría a darme una respuesta un poquito mas clara?

gracias por tu ayuda

[Adler]

Hola

Lo que viene a decirte @maycolalvarez es que has de usar el método cleartimeout para limpiar el temporizador y poder empezar otros

Suerte

[zulin]

Buenas

Muchas gracias, voy a probar haber si funciona mejor y comentare los resultados.

Muchas gracias.

[maycolalvarez]

exactamente, además de tener una variable para almacenar el handler del timer, y así verificar que el mismo se está ejecutado, para no repetirlo y borrarlo

[zulin]

Buenas

Provando he conseguido algo parecido a lo que estava buscando pero aun asi sigue apareciendo este aumento repentino de la velocidad. Voy a poner el codigo y un ejemplo en mi servidor para que podais ver que esta pasando haber si alguien puede encontrar la solucion.

<script type="text/javascript">
x = 0;
timer_on = 1;
function moure(id)
{
t1=setTimeout("moure("+id+")",10);
document.getElementById(id).style.top = x;
x = x + 1;

if(x > 30)
{
document.getElementById(id).style.top = 0 +"px";
x = 0;
clearTimeout(t1);

}
}

</script>

[URL="http://thinkbests.sytes.net/sando"]http://thinkbests.sytes.net/sando[/URL]


Muchas Gracias por vuestra ayuda.

[Adler]

Hola

Prueba así

Código Javascript:

x = 0;
timer_on = 1;
function moure(id)
{
 
document.getElementById(id).style.top = x;
x += 1;
 
if(x > 30)
{
document.getElementById(id).style.top = 0 +"px";
x = 0;
clearTimeout(t1);
} esle {
t1=setTimeout("moure(id)",10);
}
 

Suerte

[zulin]

Buenas

Ahora ya no hace el aumento de velocidad!!!! Muchas gracias! Ahora tiene algún otro fallo pero bueno eso ya es otra cosa.
Me podrías explicar porque con tu código no pasa? la única diferencia es que tu as puesto al revés la condición if con un else. No pensé que con eso pudiera llevar esos problemas.

Muchas gracias por vuestra ayuda!

[Adler]

Hola

Parece que lo has entendido. Fíjate que tal y como tu lo haces, llamas a la función una vez tras otra sin dar la oportunidad de aumentar el valor de la propiedad top, ni hacer la evaluación. Un temporizador se usa para una vez que se ha recorrido toda la función volver a recorrerla una vez tras otra

Suerte

[zulin]

Muchas gracias por tu ayuda, menudo fallo mas tonto que he hecho xD.

Muchas gracias por vuestra ayuda.