Конечно, это просто, но я не могу заставить мой исчезающий div останавливаться при наведении мыши

Question

хорошо, я действительно новичок, когда дело доходит до этого, но я пытаюсь получить этот JS

$(document).ready(function(){
setTimeout(function(){
$("div.left-col-wrap-outer").fadeOut("slow", function () {
$("div.left-col-wrap-outer").remove();
  });

}, 9000);


});

, чтобы остановить анимацию / затухание через 9 секунд при наведении мыши, затем перезапустить 9-секундный таймерmouseoff.

Любая помощь действительно необходима

Answer 1

$(document).ready(function(e){
   $("div.left-col-wrap-outer").mouseleave(function(e){
       $("div.left-col-wrap-outer").fadeOut("slow");
});
});

ты хочешь этого?

Answer 2

Это должно сработать

$(document).ready(function() {
    var fade = setTimeout(function(){
        $("div.left-col-wrap-outer").fadeOut("slow", function () {
                $("div.left-col-wrap-outer").remove();
        });
    }, 9000);
    $("div.left-col-wrap-outer").mouseout(function() {
        fade = setTimeout(function(){
            $("div.left-col-wrap-outer").fadeOut("slow", function () {
                    $("div.left-col-wrap-outer").remove();
            });
        }, 9000);
    });

    $("div.left-col-wrap-outer").mouseover(function() {
        clearTimeout(fade);
    });
});