仅在50ms后显示微调器

Question

我有一个页面,其中发生了很多ajax动作.我显示一个微调器来指示正在处理请求.

其中一些要求很长时间,其中一些要求很快.当响应迅速响起时,那些旋转器更像是一种麻烦而不是一种援助.

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

这意味着当请求启动时,微调器开始计时.如果响应在50ms之前出现,则响应将使微调器隐藏.

但是,如果响应不是50ms,那么显示微调器.

是否有任何插件可以帮助我开始.

谢谢

Answer 1

这可以使用vanilla JavaScript轻松完成.无需插件.

要在50ms后显示微调器:

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

如果调用在50ms之前成功(在AJAX回调中),则取消超时:

clearTimeout(t);