Пауза перед сообщением JQuery AJAX

Question

Поскольку страница, над которой я работаю, является страницей интрасети, мой вызов AJAX очень быстрый наряду с ответом. Для удобства использования я хотел бы сделать небольшую паузу в 1-2 секунды для отображения анимации загрузки. Ниже я попробовал, но анимация едва заметна.

$(document).ready(function(){ 
    $('#wait').hide();
    $('#submitform').click(function(){
    $('#wait').show();
    $.ajax({
        type: "POST",
        url: "abs_newabs_check.asp",
        data: { StaffID: $("#suggest1").val() },
        success: callback
    });

});
});

function callback(data, status)
{
    $('#wait').hide();
    $("#ajaxdiv").html(data);
}

Answer 1

Я бы предложил подумать о другом способе добавления юзабилити, который вы сейчас замедляете, чтобы помочь пользователям.Как насчет использования Yellow Fade Technique Таким образом, вы можете показать, что что-то изменилось на странице, и вы не замедляете работу своей системы.

Вот еще один вопрос, который может помочь. Желтый эффект исчезновения с JQuery

Answer 2

Добавьте вызов setTimeout к функции обратного вызова:

function callback(data,status) {
  setTimeout(function() {
    $("#wait").hide();
    $("#ajaxdiv").html(data);
  }, 1500);
}

nb.параметр данных будет передан анонимной функции как закрытие, если я не ошибаюсь

Answer 3

Использовать функцию setTimeout

setTimeout("alert('5 seconds has passed.');",5000);