Ajax加载器映像:如何设置加载器显示的最小持续时间？

Question

我正在使用Jquery来实现Ajax功能,并使用加载器图标向用户指示正在检索数据.但是,我希望用户看到加载器图标至少1秒,即使数据需要少于1秒来检索(如果需要超过1秒,加载器图标应保持整个持续时间.

这是加载器HTML的代码

<img id="loader" src="example.com/images/ loader.gif" style="vertical-align: middle; display: none" />

我正在使用Jquery .Ajax函数进行数据处理.

Answer 1

我会使用一个从2开始的计数器,并在1秒后递减,当ajax响应进来时.沿着这些方向的东西:

var counter = 2;
function decrement() {
  if (--counter == 0) {
    $('#loader').hide();
  }
}
setTimeout(decrement, 1000);
$.ajax(..., complete: decrement);