javascript - 在显示加载微调器之前等待？

Question

我想在我的单页 Web 应用程序中使用加载微调器，如果您想在请求被触发时立即显示微调器并在请求完成后立即隐藏它，这很容易做到。

由于请求通常只需要几百毫秒或更短的时间即可完成，因此我宁愿不立即显示微调器，而是先等待 X 毫秒，以便在那些花费更少的请求上完成时间少于 X 毫秒，微调器不会在屏幕上闪烁并消失，这可能会令人不快，尤其是在多个面板同时加载数据的时候。

我的第一直觉是使用 setTimeout，但我不知道如何取消多个计时器中的一个。

我是否必须创建一个 Timer 类，以便我可以停止和启动类似 setTimeout 的对象的不同实例？我是不是从错误的 Angular 思考这个问题？

Answer 1

var timer = setTimeout(function () {
    startSpinner();
}, 2000);

然后在你的回调中你可以输入:

clearTimeout(timer);
stopSpinner();

你可以将 setTimout 和 clearTimeout 包装在一些 Timer 类中(我这样做了)但你不需要:)