2013-02-25 10 views
5

これは私の最初の質問ですので、十分な詳細を記入してください。 、徹底した4ページを閲覧すると、ページが2秒以上を要する場合にのみ、ダウン#page_loading divのスライドを持っている:私は私が達成しようとしています何jQuery、ページの読み込みを表示するページが2秒以上かかる場合のみ

$(document).ready(function() { 
    $('#page_loading').slideDown(500); 
}); 

jQuery(window).load(function() { 
    setTimeout(function() {$('#page_loading').slideUp(500);}, 1500); 
}); 

:私は、ウェブサイト上の4ページに次のコードを持っていますロードする。ページの読み込みに2秒以下かかる場合(前に訪問し、ほとんどのイメージがキャッシュされている場合)、読み込みdivは表示されません。

この時点で、ページの読み込みに1秒未満かかる場合でも、divが表示されて消えてしまい、かなり迷惑になります。

ありがとう、Cristian。

+0

「setTimeout」を使用して、slideDownを2秒遅らせます。 2秒後にまだslideDownが必要かどうかを確認します。 –

+0

1500ミリ秒後に呼び出す – PSR

+0

これは実際には質問です.2秒後にページが完全に読み込まれたかどうかを確認し、読み込んだ場合は何もしません。読み込まれていない場合は、ページが読み込まれるのを待つローディングdivをスライドさせて、ビューから元に戻します。 –

答えて

3

これはトリックですか?

var showTimeout = setTimeout(function() { 
    $('#page_loading').slideDown(500); 
}, 2000); 

jQuery(window).load(function() { 
    clearTimeout(showTimeout); 
    $('#page_loading').slideUp(500); 
}); 
+0

完璧に働いた、ありがとう! –

関連する問題