부트 스트랩으로 setTimeout 시간 초과 후 모달이 표시되지 않음

Question

5 초가 경과 할 때까지 부트 스트랩 모달 표시를 지연하려고합니다. 여기 내 코드의 섹션입니다. 내가 MDN에서 읽은 것에서 쓰는 것 같습니다. 모달은 아무런 시간이 지나도 나타나지 않습니다. 어떤 도움을 주시면 감사하겠습니다.

var timeout; 
    function modalAlert(message){ 
     $("#myModalLabel").text("Hey Look!") 
     $('.modal-body').html("<img src='"+message+"'>"); 
     window.setTimeout(function(){showModal();},5000); 

    } 
    function showModal(){ 
    console.log("HERE") 
    $("#myModal").modal('show') 
    } 

Answer 1

사용 "표시"이벤트 처리기에서 마지막 줄을보십시오 :

var timeout; 
    function modalAlert(message){ 
     $("#myModalLabel").text("Hey Look!") 
     $('.modal-body').html("<img src='"+message+"'>"); 
     timeout = window.setTimeout(showModal,5000); 

    } 
    function showModal(){ 
    console.log("HERE") 
    $("#myModal").modal('show') 
    } 

비제이 Ramamurthy는 나에게 해결책을 찾을 도움 모달을하고 숨 깁니다. jQuery 플러그인이므로 함수를 함께 연결할 수 있습니다.

$("#myModal").modal("show").on("shown", function() { 
    window.setTimeout(function() { 
     $("#myModal").modal("hide"); 
    }, 5000); 
}); 

Answer 2

가 타임 아웃을 등록 할 modalAlert 기능

timeout = window.setTimeout(function() {showModal();}, 5000);