Html预加载器 - 延迟页面加载

Question

我的新模板需要一些帮助:)。在网页加载之前，我想显示一个preloader gif。我做到了，但它显示了一点，因为页面加载非常快。所以我想延迟页面（2秒，作为例子），而不影响预加载器，所以它（预加载器）会出现2秒，所以直到页面加载。

这是我的代码（注意它不适用于jsfiddle，因为我无法上传.gif文件）：jsfiddle.net/hLmxpsnw/

Answer 1

无论出于何种原因，你想要它使用setTimeout完成这里是代码

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

jsfiddle http://jsfiddle.net/harshdand/593Lqqnm/2/

Answer 2

您可以只使用delay（）; jQuery函数将Dealy添加到Preloader

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