добавить setTimeout в функцию успеха в ajax submit

Question

Я в состоянии сделать большую часть этого права. В случае успеха оверлейный блок исчезает с сообщений от сервера. Очевидно ".fadeOut (5000);" просто затухает в течение 5 секунд, мне нужно только оставаться видимым в течение 5 секунд, а затем исчезать, но я не знаком с тем, как интегрировать функцию setTimeout здесь, я ценю любую помощь!

    submitHandler: function(form) {
        var txt = $("textarea#foo").val();
        var cont = $("#submitErrorOverlay p");
        txt = encodeURIComponent(txt);
        $.ajax({
            type: 'POST',
            url: form.action,
            data: {foo:txt , action: 'foofunction'},
            success: function(result) {
        $('#submitErrorOverlay').fadeIn(500).html('<p>' + 'Congratulations' + result.msg + '<p>')****.fadeOut(5000);****
                $('textarea').val('');
            },
            error: function (data) {
            $('#msg').fadeIn(500).html('Awww Snaaap!' + data);
            $('textarea').val('');
        },
        dataType:'json'
});

РЕДАКТИРОВАТЬ извинения, я забыл о .delay - пожалуйста, не обращайте внимания.

Answer 1

А как насчет delay()?http://api.jquery.com/delay/

$el.delay(5000).fadeOut('fast');