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

时间:2014-08-09 14:29:37

标签: javascript jquery html css

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

这是我的代码(注意它不适用于jsfiddle,因为我无法上传.gif文件):jsfiddle.net/hLmxpsnw/

2 个答案:

答案 0 :(得分:13)

无论出于何种原因,你想要它使用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/

答案 1 :(得分:0)

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

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