부트스트랩 모달이 4초 후 닫히거나 사용자 클릭

부트스트랩 모달이 4초 후 닫히거나 사용자 클릭

부트스트랩 모달의 시간 초과를 설정하려면 어떻게 해야 합니까?php가 반환한 메시지에 다음과 같은 용어가 포함되어 있음을 아약스 데이터를 가져온 후success사용자에게 창을 닫을 수 있는 옵션을 제공합니다.하지만, 저도 4초 카운트다운을 하고 싶습니다.현재 성공 메시지가 돌아오는 두 번째 순간 모달은 자신을 숨깁니다.

$('#forgotform').submit(function (e) {
    "use strict";
    e.preventDefault();
    $('#forgotsubmit').button('loading');
    var post = $('#forgotform').serialize();
    var action = $('#forgotform').attr('action');
    $("#message").slideUp(350, function () {
        $('#message').hide();
        $.post(action, post, function (data) {
            $('#message').html(data);
            document.getElementById('message').innerHTML = data;
            $('#message').slideDown('slow');
            $('#usernamemail').focus();
            if (data.match('success') !== null) {
                $('#forgotform').slideUp('slow');
                $('#forgotsubmit').button('complete');
                $('#forgotsubmit').click(function (eb) {
                    eb.preventDefault();
                    $('#forgot-form').modal('hide');
                });
                setTimeout($('#forgot-form').modal('hide'), 10000);
            } else {
                $('#forgotsubmit').button('reset');
            }
        });
    });
});

setTimeout()을 호출할 때는 명령을 익명 함수로 묶습니다.그렇지 않으면 명령이 즉시 실행됩니다.

setTimeout(function() {$('#forgot-form').modal('hide');}, 4000);

setTimeout(function(){
  $('#Modal').modal('hide')
}, 4000);

//여기서 modal의 ID는 'Modal'입니다.

다음 코드는 모델을 숨기기 위해 사용됩니다.onClick이벤트. 클래스 이름을 사용합니다.onClick수신기와 숨김 선택기로서의 모달 ID를 입력합니다.

$('.class_name').on('click',function(){
    $('#modal_id').modal('hide');
});

$('#submit1').click(function(){
        setTimeout("$('#myModal').modal('hide');",3000);
    });

팝업이 닫히는 데 3초가 지연될 경우 작동합니다.당신은 그에게 확인 부탁드립니다.$('#submit1')이 클릭으로 코드를 작성했습니다.

언급URL : https://stackoverflow.com/questions/18730284/bootstrap-modal-close-after-4-seconds-or-user-click