Пауза перед выполнением действия jQuery

Question

Я помещаю форму AJAX в модал начальной загрузки. После того, как форма успешно отправлена, я хочу отобразить сообщение об успехе, а затем скрыть модальный.

Сначала я устанавливаю сообщение об успехе как msg, затем заменяю форму сообщением, и, наконец, я скрываю модал в трех строках ниже.

var msg = '<div class="alert alert-success" id="' + $(replace_selector).attr('id') + '">Feedback Submitted</div>'
$(replace_selector).replaceWith(msg);
$el_parent.modal('hide');

Как я могу создать задержку между второй и третьей строками кода? Я попытался задержать, но не смог заставить его работать правильно.

Answer 1

Попробуй это:

    $(replace_selector).replaceWith(msg);   
    setTimeout(function(){
        $el_parent.modal('hide');
    }, 3000);