5

これは私の最初の質問なので、うまくいけば、十分な詳細を提供します。Web サイトの 4 ページに次のコードがあります。

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

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

私が達成しようとしていること: 4 ページをブラウジングするときに、ページの読み込みに 2 秒以上かかる場合にのみ、#page_loading div を下にスライドさせます。ページの読み込みに 2 秒もかからない場合 (以前にアクセスしたことがあり、ほとんどの画像がキャッシュされている場合)、読み込み中の div は表示されません。

この時点で、ページの読み込みに 1 秒もかからない場合でも、読み込み中の div が表示されたり消えたりするので、かなり面倒です。

ありがとう、クリスティアン。

4

1 に答える 1

3

これでうまくいきますか？

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

jQuery(window).load(function () {
    clearTimeout(showTimeout);
    $('#page_loading').slideUp(500);
});
于 2013-02-25T15:55:07.233 に答える