javascript - 如何在我的情况下创建加载脚本

Question

我正在尝试为我的网站创建加载脚本。当用户点击按钮时，它会调用一堆函数，加载需要时间。我不希望用户在不加载 gif 的情况下等待。有没有办法解决这个问题？非常感谢。

加载似乎不起作用...

$('.test').click(function(){
  fun1();
  fun2();
  fun3();
  ....more
})

Answer 1

你不能先显示加载 gif 并在一切完成后隐藏它吗？

$('.test').click(function(){
  $("#LoadingGifId").show();
  fun1();
  fun2();
  fun3();
  ....more
  $("#LoadingGifId").hide();
});

如果任何函数正在执行 AJAX 请求，您将希望从您希望最后完成的请求的成功回调函数中隐藏 gif。

Answer 2

一个简单的解决方案可能是在函数开始之前显示加载 gif，然后在它们完成时将其隐藏。

$('.test').click(function(){

    $('.loadingGif').show();
    fun1();
    fun2();
    fun3();
    $('.loadingGif').hide();

});

如果您的函数都没有异步运行，这应该可以工作。如果是，您可能需要使用回调函数。