私はそれがフィニッシュロードになるまでのローディングアニメーションを追加したい、私は外部のJavaScript SRCを持って

Question

特定のjavascript仕上げロードまで積載アニメーションを追加します。

<script src="https://xxxx.domain.com/xxx.js" type="text/javascript"></script> 

私は現在、jQueryの（ウィンドウ）.LOADを使用していますが、その全てのページが完全に読み込まれるまで、私はその特定のコードのためだけ待ちたい待っている：

更新

<script>$(window).load(function(){$(".loadingif").hide();});</script> 

：私は「何を示唆しているように、これは私のコードです は、それが動作していないですが、間違っている---

some text..... 
<span class="loading-gif"></span> 
<script src="https://xxxx.domain.com/xxx.js" type="text/javascript"></script> 
<script>hideLoading();</script> 
some text..... 
<script>function hideLoading(){$(".loading-gif").hide();}</script> 

Answer 1

うまくいけば、これは動作します：

<script src="https://xxxx.domain.com/xxx.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    hideLoadingThingy(); 
</script> 

最初のロードが完了した後、第2のスクリプトを実行する必要があります。これは最初のものの後に含まれるため、最初のものが最初に読み込まれるためです。

xxx.jsのメソッドが非同期に呼び出されない限り、ブラウザは一度に1つのタスクしか実行しません。そのhere

アップデートについて詳しく読む：

これを使用します。

some text 2..... 
<span class="loading-gif"></span> 
<script src="https://xxxx.domain.com/xxx.js" type="text/javascript"></script> 
<script type="text/javascript">$(".loading-gif").hide();</script> 
some text 2..... 

Answer 2

あなたがグローバルスコープにロードされます期待javascriptオブジェクトのOFFキーができます

(function checkValue(){ 
    if (libraryValue === undefined){ 
     setTimeout(checkValue, 100); 
    } else { 
     $(".loadingif").hide(); 
    } 
})(); 

あなたは、そのライブラリを非同期にロードすることを選択しない限り、私はFeathercrownのソリューションを使用します。