[SOLUCIONADO] Como hacer que se ejecuten una serie de funciones segun que..

[Morod0]

Buenos días, tengo el siguiente código.

Tengo la idea de hacer una especie de mini-slider, para las noticias de mi web, la idea es que cada x segundos pasen las noticias solas, pero si te pones encima con el ratón pare el intervalo y pueda navegar por los botones de las noticias...

Las dos maneras "sueltas" me funcionan, el problema es cuando las quiero poner las dos.. he probado en ponerle un mouseleave al intervalo por ejemplo y nada.. al final acaba volviendose loco el js..

Os agradeceria una ayuda porque no se por donde salir

Código Javascript:

/*Intervalo de movimiento*/
 
    setInterval(function() {
 
       $(".noticias-contenedor-index").delay( 2000 ).animate({marginLeft:"-4px"},{duration: 600 });     
                        
    $(".noticias-contenedor-index").delay( 2000 ).animate({marginLeft:"-662px"},{duration: 600 });
 
    $(".noticias-contenedor-index").delay( 2000).animate({marginLeft:"-1320px"},{duration: 600 });
                    },1000);
                    
/*Nevegar por el menu*/     
                        
$("#boton1").click(function(){
    $(".noticias-contenedor-index").animate({marginLeft:"-4px"},{duration: 600 
}); 
    }); 
                    
$("#boton2").click(function(){
    $(".noticias-contenedor-index").animate({marginLeft:"-662px"},{duration: 600      });   
    }); 
$("#boton3").click(function(){
    $(".noticias-contenedor-index").animate({marginLeft:"-1320px"},{duration: 600 });   
    });
 

Un saludo!

[Morod0]

nadie tiene ni idea? con mouseenter o mouseleave no hay manera.. al menos pensando que lo hago bien..

[Germano6]

Prueba mouseout.

[MrGilbertMan]

Apoyo a germano6.

No hagas una función anónima, programa el setinterval dentro de una función definida.

Luego puedes poner los tres botones dentro de un div que contenga un onmouseout=function setinteval(); y un onmouseover con una función que contenga un clearinterval.

[Morod0]

Iniciado por MrGilbertMan

Apoyo a germano6.

No hagas una función anónima, programa el setinterval dentro de una función definida.

Luego puedes poner los tres botones dentro de un div que contenga un onmouseout=function setinteval(); y un onmouseover con una función que contenga un clearinterval.

Iniciado por Germano6

Prueba mouseout.

Buenas y gracias por contestar, lo que no entiendo es porque no funciona esto así:

Código Javascript:

$(".a").mouseout(function(){
                setInterval(function() {
                            $(".noticias-contenedor-index").delay( 2000 ).animate({marginLeft:"-4px"},{duration: 600 });                                
                            $(".noticias-contenedor-index").delay( 2000 ).animate({marginLeft:"-662px"},{duration: 600 });
                            $(".noticias-contenedor-index").delay( 2000).animate({marginLeft:"-1320px"},{duration: 600 });
                        },1000);        
                                                            
                });
                
        
    /*Navegar por el slider*/               
                    
            $("#boton1").click(function(){
                $(".noticias-contenedor-index").animate({marginLeft:"-4px"},{duration: 600 });  
                    }); 
                    
            $("#boton2").click(function(){
                $(".noticias-contenedor-index").animate({marginLeft:"-662px"},{duration: 600 });    
                    }); 
                    
            $("#boton3").click(function(){
                $(".noticias-contenedor-index").animate({marginLeft:"-1320px"},{duration: 600 });   
                    });
 

No hay manera de que me funcione... se queda totalmente parado, pero si clickeo encima, empieza a hacer el movimiento automatico, eso si, lo ultimo para navegar por el slider con los botones o que se quede parado si tienes el mouse encima de ".a" no sirve... no tiene sentido vamos..

que tengo mal en este código?

[Cassers]

Cuando estas usando el setInterval, tienes que crear una referencia para destruirlo o se seguira ejecutando cuando intentes hacer otra cosa con el control.

La documentación al respecto la vez aquí http://www.w3schools.com/jsref/met_win_clearinterval.asp

Código Javascript:

var myVar = setInterval(function(){ myTimer() }, 1000);
 
function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("demo").innerHTML = t;
}
 
function myStopFunction() {
    clearInterval(myVar);
}
 

[Morod0]

Iniciado por Cassers

Cuando estas usando el setInterval, tienes que crear una referencia para destruirlo o se seguira ejecutando cuando intentes hacer otra cosa con el control.

La documentación al respecto la vez aquí http://www.w3schools.com/jsref/met_w...arinterval.asp

Código Javascript:

var myVar = setInterval(function(){ myTimer() }, 1000);
 
function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("demo").innerHTML = t;
}
 
function myStopFunction() {
    clearInterval(myVar);
}
 

Muchas gracias, tengo que mirarme mas el js, me lio muchisimo... efectivamente era porque tenia que destruir el intervalo.

Gracias!