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);
});
delay()
?¿O algo que estaba con unsetTimeout()
osetInterval()
?