javascript open modalコンテンツを残してもう一度入力してください

Question

私はjavascriptとブートストラップモーダルに問題があります。

ユーザーがウェブサイトからマウスを離して再入力すると、モーダルを表示したいと考えています。

if else条件が機能しません。私は間違っているの？代わりにマウスオーバーとマウスアウトの

<script> 

var out=0; 

if(out==1){ 
    $("#page").one("mouseover", function() { 
    window.setTimeout(function() { 
     $('#myModal').modal({show: true}); 
    }, 3000) 
    }).on("mouseover", function() { 
    return false; 
    }); 

} 

document.addEventListener("mouseover", myFunction); 
document.addEventListener("mouseout", mySecondFunction); 

function myFunction() { 
    document.getElementById("page").innerHTML += "Moused over!<br>" 
} 
function mySecondFunction() { 
    document.getElementById("page").innerHTML += "Moused out!<br>" 
    out=1; 
} 

</script> 

here is a plunker

Answer 1

利用のMouseEnterらmouseLeaveイベント。

このコードはどうなりますか？サポートのための

document.addEventListener("mouseenter", myFunction); 
document.addEventListener("mouseleave", mySecondFunction); 

function myFunction() { 
    document.getElementById("page").innerHTML += "Moused over!<br>"; 
    $('#myModal').modal('hide'); 
} 
function mySecondFunction() { 
    document.getElementById("page").innerHTML += "Moused out!<br>"; 
    $('#myModal').modal('show'); 
} 

https://api.jquery.com/category/events/mouse-events/

http://www.w3schools.com/bootstrap/bootstrap_ref_js_modal.asp

Answer 2

ありがとう！

<script> 

var n = 0; 
$("div.enterleave") 
    .mouseenter(function() { 
    $("p:first", this).text("mouse enter"); 
    if(n==1){ 
     window.setTimeout(function() { 
       $('#myModal').modal('show'); 
      }, 10000) 
    } 

    }) 
    .mouseleave(function() { 
    n++; 
    $("p:first", this).text("leavecount" + n); 

    }); 
</script> 

ここ

Plunker