js代码定时关闭遮罩层，小白求教Javascript代码 5
个人网站，（其他平台不单出）在微信打开时定时30秒后弹出一个遮罩层，5秒后自动关闭，没学过编程，求教了，Javascript代码...
个人网站，（其他平台不单出）在微信打开时定时30秒后弹出一个遮罩层，5秒后自动关闭，没学过编程，求教了，Javascript代码
展开
展开全部
这是一个打开网页 30秒后自动弹出红色的遮罩层，5秒后遮罩层自动关闭。
<html>
<body onload="load()">
<div id="zzDiv" style="width:100%;height:100%;opacity:0.5;background-color:#ccc;display:none;position: fixed;z-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()">。
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style>
#mask {
width : 100%;
height : 100%;
z-index : -999;
position : absolute;
top : 0;
left : 0;
}
</style>
<div id='mask'></div><!-- 遮罩 DIV -->
setTimeout(function () {
document.getElementById('mask').style['z-index'] = 999; // 30秒后开启遮罩层
setTimeout(function () {
document.getElementById('mask').style['z-index'] = -999; // 5秒后关闭
}, 5000);
}, 30000);
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
