Javascript Html预加载程序-延迟页面加载

我需要一些关于我的新模板的帮助：）。在网页加载之前，我想显示一个预加载gif。我做了，但是它显示了一点，因为页面加载非常快。因此，我希望延迟页面（例如，延迟2秒），而不影响预加载程序，因此它（预加载程序）将显示2秒，直到页面加载

---

这是我的代码（请注意，它不会在JSFIDLE上工作，因为我无法上载.gif文件）：jsFIDLE.net/hLmxpsnw/

无论出于什么原因，它都是使用setTimeout完成的。下面是代码

jQuery(document).ready(function ($) {
    $(window).load(function () {
        setTimeout(function(){
            $('#preloader').fadeOut('slow', function () {
            });
        },2000); // set the time here
    });  
});

---

jsfiddle

您可以使用delay（）；用于向预加载程序添加数据的jquery函数

$(document).ready(function () {
  $(window).load(function(){
  $('#preloader').delay(3000).fadeOut();
 });
});

---

等等，你是说页面加载速度太快，以至于你真的不需要“加载…”消息，所以你想将页面加载速度降低到你需要的程度？如果是这样的话，我拒绝合作。为什么不直接用一大堆废话来加载页面，这样加载时间就会更长呢？或者更好的是，一个闪光的介绍@蒂姆不要给他任何想法。李斯特先生，是的，也许你是对的。这是一个非常简单的即将推出的模板，带有一些效果，使它们更容易使用。我只是觉得有预装配会更好看：）。一段“装…”的插曲从来不会让事情变得更好。这是一个为臃肿和缓慢的东西道歉。这是我所需要的。谢谢！：）注意：使用jQuery意味着首先加载jQuery库，而对于如此简单的东西，只需使用纯js即可。在html文档的头部包含预加载程序所需的js脚本和css规则。这将确保更快的加载。