1

 $(".intime2").delay(2000).fadeIn(0);

setInterval(function() {
    $('.outtime40').fadeOut(0);
}, 40000);     

Necesito poder reiniciar el tiempo al pasar por encima de un div en un jquery para que las funciones time-delay se reinicien... No quiero hacer un loop ni nada parecido, solo cuando el puntero pasa sobre el div que se reinicie el tiempo.

3
  • ¿Te refieres a reiniciar la cola tras algún delay()?¿O algo que estaba con un setTimeout() o setInterval()?
    – Alvaro Montoro
    Commented el 1 abr. 2016 a las 0:57
  • Actualicé la pregunta para aclarar con los 2 casos de tiempo que manejo @AlvaroMontoro
    – Ivan Soler
    Commented el 1 abr. 2016 a las 0:59
  • Gracias. Básicamente son los dos :)
    – Alvaro Montoro
    Commented el 1 abr. 2016 a las 1:00

1 respuesta 1

1

Para reiniciar un setTimeout o setInterval lo que tienes que hacer es añadir un manejador (handler en inglés) donde puedas limpiar la función retrasada. Para ello utilizas las funciones clearTimeout y clearInterval respectivamente.

En tu caso:

setInterval(function() {
    $('.outtime40').fadeOut(0);
}, 40000);

deberías asignar el intervalo a un manejador que puede limpiarse después:

miIntervalo = setInterval(function() {
    $('.outtime40').fadeOut(0);
}, 40000);

Entonces cuando pases por encima del div, primero limpias el intervalo y después lo vuelves a definir:

// limpiar intervalo
clearInterval(miIntervalo);

// redefinir intervalo
miIntervalo = setInterval(function() {
    $('.outtime40').fadeOut(0);
}, 40000);

En el caso de delay() en jQuery, lo que tienes que hacer es usar stop() y de nuevo redefinir lo que quieras hacer. Así, cuando pases por encima del div el código se vería como algo así:

$(".intime2").stop(true, true).delay(2000).fadeIn(0);

El primer parámetro indica si quieres que se borre la cola de animaciones, y el segundo indica si quieres que se salte al final.


Ahora pon las dos cosas juntas, suponiendo que tu div tiene el id "miDiv":

$("#miDiv").on("mouseenter", function() {

    // limpiar intervalo 
    clearInterval(miIntervalo);

    // redefinir intervalo
    miIntervalo = setInterval(function() {
        $('.outtime40').fadeOut(0);
    }, 40000);

    $(".intime2").stop(true, true).delay(2000).fadeIn(0);
});
1
  • Increible ! Es perfecto muchas gracias.
    – Ivan Soler
    Commented el 1 abr. 2016 a las 1:14

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.