我正在为wordpress创建模板,我想在页面加载时插入图片,但是我希望加载持续至少3秒钟,您可以指定函数的最短执行时间?在这种情况下,我使用$(window).load(),并向放置在页面内的div添加一个类以显示它。
它可以工作,但是我希望loadig图像显示3秒钟,并且在窗口加载事件之后,我想删除我添加到sho div中的类,这是我的代码
<!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;
}
rhis是我的JQuery
jQuery(document).ready(function($) {
$(window).load(function() {
$('.loader').addClass('show-loader');
});
$('.loader').removeClass('show-loader');
});
最佳答案
您可以简单地将Javascript放入一个函数,该函数将在3秒/ 3000毫秒后被调用。
jQuery(document).ready(function($) {
$(window).load(function() {
$('.loader').addClass('show-loader');
});
setTimeout(loadImage, 3000);
}
function loadImage(){
$('.loader').removeClass('show-loader');
});
关于javascript - 如何执行功能至少3秒钟或更长时间,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30012500/