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

Question

我的新模板需要一些帮助 :)。在网页加载之前，我想展示一个预加载器 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/