PARAR ANIMACION
Publicado por Miguel Angel (3 intervenciones) el 08/01/2017 12:25:21
Buenos días
Tengo una animación para un div que hace que se mueva de izquierda a derecha y de derecha a izquierda, que la he hecho con animate y al final añadiendo un callback, y funciona correctamente, pero ahora viene el siguiente ejercicio, que es que al clickar por segunda vez el div detenga la funcion, y esto no veo como hacerlo, ¿como obtengo el numero de clicks? que supongo que sera lo que tengo que hacer, os pongo el codigo y el enunciado de los ejercicios.
1- Al clicar encima de #movContinuo se mueva continuamente el elemento #divMobil de izquierda a derecha. Para conseguirlo utiliza la propiedad complete de animate para que una vez haya terminado la animación hacia la derecha, llame a una función que realize la animación a la izquierda.
CODIGO:
Como digo, este codigo funciona correctamente, pero en el siguiente enunciado se pide que al hacer un segundo click sobre el mismo div se pare la animacion
2.- Al clicar por segunda vez sobre #movContinuo se detenga el movimiento #de divMobil con la función .stop( ).
Tengo una animación para un div que hace que se mueva de izquierda a derecha y de derecha a izquierda, que la he hecho con animate y al final añadiendo un callback, y funciona correctamente, pero ahora viene el siguiente ejercicio, que es que al clickar por segunda vez el div detenga la funcion, y esto no veo como hacerlo, ¿como obtengo el numero de clicks? que supongo que sera lo que tengo que hacer, os pongo el codigo y el enunciado de los ejercicios.
1- Al clicar encima de #movContinuo se mueva continuamente el elemento #divMobil de izquierda a derecha. Para conseguirlo utiliza la propiedad complete de animate para que una vez haya terminado la animación hacia la derecha, llame a una función que realize la animación a la izquierda.
CODIGO:
1
2
3
4
5
6
7
8
9
function mueveContinuo(){
$("#divMobil").animate({
"left":"+=50px"},{"duration":1000,
"complete":function(){
$(this).animate({
"left":"-=50px"},1000,mueveContinuo);
}});
}2.- Al clicar por segunda vez sobre #movContinuo se detenga el movimiento #de divMobil con la función .stop( ).
Valora esta pregunta
0
