<script type="text/javascript">
function webpageClose(){
window.close()
}
setTimeout( webpageClose,10000)//10s钟后关闭
</script>
问题分析：
首先来分析一下这个功能的两个步骤。
1、弹出：当页面初始化完毕后，等待N秒显示出div标签。
2、关闭：当div标签弹出后，再等待N秒后将其关闭。
解决方案：
可以使用JavaScript的setTimeout方法来做定时功能。
案例如下：
此案例设置页面初始化后5秒弹出div标签，再等5秒后关闭div标签。
HTML代码：
<div>我是DIV的内容</div>CSS代码：
div{width: 200px
height: 200px
line-height: 200px
text-align: center
background-color: #000
color: #FFF
display: none
}
JavaScript代码：
setTimeout(function(){$('div').show() //将DIV标签显示出来。
setTimeout(function(){
$('div').hide() //将DIV标签隐藏。
}, 5000)
}, 5000)
页面初始化时为空白，5秒后的效果为：
这是一个打开网页 30秒后自动弹出红色的遮罩层，5秒后遮罩层自动关闭。
<html><body onload="load()">
<div id="zzDiv" style="width:100%height:100%opacity:0.5background-color:#cccdisplay:noneposition: fixedz-index:9999">遮罩层</div>
ndndndndnddnnd
<script type="text/javascript">
function load(){
setTimeout(showDiv,3000)
}
function showDiv(){
document.getElementById("zzDiv").style.display="block"
setTimeout(hideDiv,5000)
}
function hideDiv(){
document.getElementById("zzDiv").style.display="none"
}
</script>
</body>
</html>
关于移植：在你想要弹出遮罩层的页面修改。按照页面结构把对应标签的内容复制到你要修改的页面中。例如<body></body>的内容复制到<body></body>里面。再将 <body>改成<body onload="load()">。
