js几秒后弹出div窗口 怎么实现 10
5个回答
展开全部
1、首先打开是hbuilder编辑器，打开后新建一个空白的html文档，在里面创建一个input按钮，和一个div并给div的id属性设置为btn，同时设置样式，设置div的高度和宽度并把display的属性值设置为none就可以了：
2、然后在下方写入js代码，首先获取两个标签的dom对象，给按钮添加click点击事件，在点击事件的回调函数中调用setTimeout函数，该函数的第一个参数为回调，可以在里面将div的display值重新设置为block，setTimeout函数的第二个值是设置时间，单位为毫秒：
3、设置好以后打开浏览器，可以看到只有一个按钮，点击按钮：
4、等待1秒钟，下方就会出现div了：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<script>
function a(){
var div=document.getElementById("d1");
div.style.display="block"
}
window.onload=function(){
setTimeout("a()",1000);//1000毫秒后弹出根据自己的需要设置时间
}
</script>
</head>
<body>
<div id="d1" style="display:none;width:500px;height:100px;border:1px solid;"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用jquery吧 动画效果很好。
$("img").show(2000,function(){
alert("演示完毕！");
});
隐藏的话 就把show改成hide
$("img").show(2000,function(){
alert("演示完毕！");
});
隐藏的话 就把show改成hide
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
// 3秒 弹出。
<div id="pop" style="display:none;">弹出窗口</div>
<script>
(function(){
setTimeout(function(){
var obj = document.getElementById("pop");
obj.style.display = "block";
},3000);
})();
</script>
<div id="pop" style="display:none;">弹出窗口</div>
<script>
(function(){
setTimeout(function(){
var obj = document.getElementById("pop");
obj.style.display = "block";
},3000);
})();
</script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
setTimeout(function(){ otc.style.display = "block"},3000)
var otc = document.getlElementById('tc');
var otc = document.getlElementById('tc');
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
