Question

我正在为wordpress创建一个模板，我想在页面加载时插入图片，但是我希望加载持续至少3秒，你可以指定一个函数执行的最短时间吗？在这种情况下，我使用$（window）.load（），然后我将一个类添加到页面内的div中以显示它。它工作但我希望loadig图像显示3秒，并在窗口加载事件后我想删除我添加到sho的类，这是我的代码

<!DOCTYPE html>
<html>
<head>
<title>Index</title>
</head>
<body>
<div class="loader">
    loading image   
</div>

<div class="content">
    main content
</div>


<script  src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">         </script><!-- jQuery -->



</body>
</html>

这是我的css

.loader{`enter code here`
    position: fixed;`enter code here`
    top: 0;
    bottom:0;
    right: 0;
    left: 0;
    background-color: blue;
    z-index: 999;
    display: none;
}

.show-loader{
    display: block;
}

.content{
    background-color: red;
    height: 600px;
}

这是我的JQuery

jQuery(document).ready(function($) {


    $(window).load(function() {
        $('.loader').addClass('show-loader');
    });
    $('.loader').removeClass('show-loader');
});

如何执行至少3秒或更长时间的功能

0 个答案: