延迟ajaxStart n秒

如何将ajaxStart()或ajaxStop()延迟n秒，这样每个人都可以看到我的动画gif。 否则它会过快消失。 请指教。 谢谢。

 $(document).ajaxStart(function() { $('#container').append("
");// }).ajaxStop(function(){ $('.progress').remove(); }); .progress { position: fixed; top: 35%; left: 45%; width: 50%; height: 50%; background-image: url('/images/progress.gif'); background-repeat: no-repeat; background-size: 10%; z-index: 9999; } $('#settings-commit').click(function(event) { event.preventDefault(); $.ajax({ type : 'POST', url : .............., data : { ............ }, dataType: 'json', success : function(data) { if (data.status == 'ok') { ................... } else { ................... } }, error : function() { ................... } }); }); 

Answer 1

您可以使用超时来执行此操作

 var progressTimer; $(document).ajaxStart(function () { $('#container').append("
"); //if a new ajax request is started then don't remove the progress icon clearTimeout(progressTimer); }).ajaxStop(function () { progressTimer = setTimeout(function () { $('.progress').remove(); }, 1000) });