可能的重复项：
如何让浏览器等待页面显示，直到页面完全加载？
我有一个简单的网站，我想在确定它全部加载之前保持它的打开 X 毫秒（例如图像）。有没有办法一次将其发送到整个页面？
我已经有一些淡入淡出来打开网站的各个div，但我希望只有在页面等待"加载"设置的X ms之后才会出现淡入淡出。
谢谢。
jQuery
<body>
<div id="msg" style="font-size:largest;">
<!-- you can set whatever style you want on this -->
Loading, please wait...
</div>
<div id="body" style="display:none;">
<!-- everything else -->
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#body').show();
$('#msg').hide();
});
</script>
</body>
或
<script type="text/javascript">
$('#container').css('opacity', 0);
$(window).load(function() {
$('#container').css('opacity', 1);
});
</script>
或
紧跟在您的标签之后添加类似以下内容...
<style> body {opacity:0;}</style>
对于您添加的第一件事，请添加类似...
<script>
window.onload = function() {setTimeout(function(){document.body.style.opacity="100";},500);};
</script>
所有这些答案都来自 如何让浏览器等待显示页面直到它完全加载？
如果你使用jQuery，只需创建一个带有"请稍候"的div和一个包含所有内容但style="display：none"的div，su 在准备好时交换这段代码。
jQuery.ready(function(){jQuery('#pleasewait').fadeOut('slow'); jQuery('#content').fadeIn('slow');})