javascript - 私の場合の読み込みスクリプトの作成方法

Question

サイトの読み込みスクリプトを作成しようとしています。ユーザーがボタンをクリックすると、多数の関数が呼び出され、ロードに時間がかかります。gif を読み込まずにユーザーを待たせたくありません。これを解決する方法はありますか？どうもありがとう。

オンロードが機能していないようです...

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

score 1 · Accepted Answer

最初に読み込み中の gif を表示し、すべてが完了したら非表示にすることはできませんか?

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

関数のいずれかが AJAX 要求を実行している場合、最後に完了すると予想される要求の成功コールバック関数から gif を非表示にする必要があります。

score 0 · Accepted Answer

簡単な解決策は、関数が開始する前に読み込み中の gif を表示し、関数が終了したら非表示にすることです。

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

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

});

関数が非同期で実行されていない場合、これは機能するはずです。その場合は、おそらくコールバック関数を使用する必要があります。

2 に答える 2