如何在页面加载时显示加载图像时添加时序

Question

我正在尝试在页面加载时创建显示加载图像并且已完成但我无法在特定时间段内指定它，即我希望它至少加载4秒，或者保留在屏幕上几秒钟。

我已经添加了CSS，jQuery，HTML，但无法修复时间，因此显示加载时间至少为10秒。

$(window).load(function () { $("#spinner").fadeOut(5000); }) 

Answer 1

我认为这可能是你想要的：

$(document).ready(function() {
   $("#spinner").delay(10000).fadeOut(5000);
});

这将延迟10秒然后淡出。

演示：http://jsfiddle.net/cDyX6/

Answer 2

您应该使用 $(document).ready(function() { } 方法代替此 $(window).load(function () 方法。

的jQuery

$(document).ready(function() {
   $("#spinner").fadeOut('slow');
});

检查此 Demo jsFiddle

---

$（文件）。就绪（）

  

一次初始化。

$（window）.load（function（）

  

初始化多次更新内容。并且不适合初始化一次。

Answer 3

使用计时器只是一种不同的方法。

与其他答案相比，可能不必要地复杂 - FIDDLE。

CSS

$('.spinnerdiv').show();
var interval = setInterval(function() { 
                                       $('.spinnerdiv').hide(1000);
                                       }, 4000,
                                       function(){
                                                  clearInterval( interval );
                                                  });