老师，请问如何在这个基础上让页面在首次打开的时候自动弹出
请问老师，如何在页面首次打开弹出div层，24小时后会再次弹出。并且锁定页面，点击登陆框以外的区域不可以关闭登陆框。
如果您觉得代码繁琐，您可以就我在网上找到的代码讲解一下，我这个代码需要实现页面居中，弹出遮罩层，并禁止滚动。麻烦老师了！
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
*{
margin:0;
padding:0;
}
.alert_windows{
display:none;
position:absolute;
z-index:10;
width:400px;
height:300px;
background:#566F93;
}
.alert_windows span{
float:right;
width:30px;
height:30px;
text-align:center;
font:15px/30px Microsoft Yahei;
cursor:pointer;
color:#333;
background:lightblue;
}
.alert_windows span:hover{
color:#EEE;
background:red;
}
</style>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript">
$(function(){
if($.cookie("isClose") != 'yes'){
var winWid = $(window).width()/2 - $('.alert_windows').width()/2;
var winHig = $(window).height()/2 - $('.alert_windows').height()/2;
$(".alert_windows").css({"left":winWid,"top":-winHig*2}); //自上而下
$(".alert_windows").show();
$(".alert_windows").animate({"left":winWid,"top":winHig},1000);
$(".alert_windows span").click(function(){
$(this).parent().fadeOut(500);
$.cookie("isClose",'yes',{ expires:1/8640}); //测试十秒
//$.cookie("isClose",'yes',{ expires:1}); 一天
});
}
});
</script>
</head>
<style>
p{height:100px;background-color:#278EE6}
</style>
<body>
<div >
<p style="color:#eeeeee">测试内容</p>
<p>测试内容</p>
<p style="color:#eeeeee">测试内容</p>
<p>测试内容</p>
<p style="color:#eeeeee">测试内容</p>
<p>测试内容</p>
<p style="color:#eeeeee">测试内容</p>
<p>测试内容</p>
<p style="color:#eeeeee">测试内容</p>
<p>测试内容</p>
<p style="color:#eeeeee">测试内容</p>
<p>测试内容</p>
<p style="color:#eeeeee">测试内容</p>
<p>测试内容</p>
</div>
<div class="alert_windows" >
<span>X</span>
</div>
</body>
</html>
