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

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

我也添加了CSS、jQuery、HTML，但无法确定时间，所以它至少会显示10秒钟的加载

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

---

我想这可能是你想要的：

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

这将延迟10秒，然后消失

演示：

您应该使用$document.readyfunction{}方法，而不是这个$window.loadfunction方法

jQuery 检查这个 $document.ready 一次初始化

$window.loadfunction 多次初始化以更新内容。不适合一次初始化

---

只是一个不同的方法与计时器

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

CSS

---

不，甚至这个东西都不起作用我不知道什么问题我已经尝试了所有可能的方法thanks@user3632406您是否已更新为使用$document.ready而不是$window.load？我提供的js fiddle链接是否只是为了检查是否是浏览器问题？发生了什么事？延迟应该有效，我很确定这是您需要的。@user3632406是什么排序的？

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

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