jquery - 仅在 50 毫秒后显示微调器

Question

我有一个页面，其中正在发生大量 ajax 操作。我显示了一个微调器来指示正在处理请求。

有些请求时间较长，有些请求很快。当响应来得很快时，那些旋转器就更像是一种麻烦，而不是一种帮助。

这就是我想要的。仅当请求提交后超过 50 毫秒时才显示微调器。

这意味着当请求发起时，微调器开始计时。如果响应在 50 毫秒之前到来，则响应将使微调器隐藏。

但是，如果 50 毫秒内没有响应，则显示微调器。

是否有任何插件可以帮助我入门。

谢谢

Answer 1

这可以使用普通 JavaScript 轻松完成。无需插件。

要在 50 毫秒后显示微调器:

var t = setTimeout("showSpinner()", 50);

如果调用在 50 毫秒之前成功(在 AJAX 回调内)，则取消超时:

clearTimeout(t);