2016-05-05 4 views
0

に隠されていない場合、これがページが読み込まれるまで隠すdivの次の10秒

をローダイメージを表示するためのコードです次の5秒で隠されていません。 時にはこれが失敗するか、他の理由で...どんなアイデアも役立つでしょう。

+1

も1000ミリ秒1秒 –

+0

私です知っているが、コードを追加して、状態が次の5秒間インタラクティブであっても#until_load divを非表示にするか、状態が変更された場合は先に隠すようにします。 –

+0

次の2つの方法がありますあなたがこのあいまいなonreadystatechangeメソッドを必要としない目標を達成するのに役立つかもしれません。 'setInterval()'/'clearInterval()' JavaScriptメソッドとjQuery 'is( ':visible')'メソッドを参照してください。あなたのコードでより多くのコンテキストを提供すれば、私はあなたのための例を作り出すことができます。 –

答えて

1

このようなことはどうですか?状態は、対話型である場合には、ショー・ローダ、および5秒でそれを隠すだろうタイムアウトを設定し、他の1秒でそれを隠すために、あなたの他のタイムアウトを使用します(すぐにか?)

document.onreadystatechange = function() { 
    var state = document.readyState 
    if (state == 'interactive') { 
     $('#until_load').show(); 
     setTimeout(function(){ 
      $('#until_load').fadeOut(); 
     },5000); 
    } 
    else if (state == 'complete') { 
     setTimeout(function(){ 
      $('#until_load').fadeOut(); 
     },1000); 
    } 
} 
+0

ここで注意しなければならないのは、弱いブラウザの中には最小限のインターバル時間があるため、一見瞬間的/即時的な効果のために、通常は最低でも50ミリ秒(0ではなく)です。 –

関連する問題