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>
$("img").show(2000,function(){
alert("演示完毕！");
});
隐藏的话 就把show改成hide
<div id="pop" style="display:none;">弹出窗口</div>
<script>
(function(){
setTimeout(function(){
var obj = document.getElementById("pop");
obj.style.display = "block";
},3000);
})();
</script>本回答被网友采纳
var otc = document.getlElementById('tc');
js几秒后弹出div窗口 怎么实现
1、首先打开是hbuilder编辑器，打开后新建一个空白的html文档，在里面创建一个input按钮，和一个div并给div的id属性设置为btn，同时设置样式，设置div的高度和宽度并把display的属性值设置为none就可以了：2、然后在下方写入js代码，首先获取两个标签的dom对象，给按钮添加click点击事件，在点击事件的回调...
JavaScript,网页打开后延迟5秒显示一个div怎么写?
主要是JS的延时定时器语法的书写，通过延时改变元素的display属性即可实现。
JS\/jQuery实现DIV延时几秒后消失或显示的方法
本文实例讲述了JS\/jQuery实现DIV延时几秒后消失或显示的方法。分享给大家供大家参考，具体如下：1、最常用的方法（setTimeout）：<script language='javascript' type='text\/javascript'>$(function () { setTimeout(function () { $("divid").show(); }, 6000);})<\/script>2、第二种方法（...
怎么用js实现延时弹出窗口
延迟出口弹出，最简单方法就是用js里的setTimeout方法，下面是一个简单的例子：<body> <input type="button" id="btn" value="click me" \/> <div id="div" style="width:100px; height:100px; background:#ccc; display:none;"<\/body> <script> var oDiv = document.getElementById('div...
如何创建一个JavaScript弹出DIV窗口层的效果
首先，我们将弹出框中的内容放置在一个特殊的DIV层中，然后默认隐藏它（即初始不可 见，使用CSS即可实现）。当用户执行某个动作时——比如点击某个链接或者将鼠标光标移动到某个链接上——我们将之前设置好的隐藏层显示在所有页面元素的 最上层（将使用JS操作实现）。此外，我们还将在弹出DIV窗口中设置...
求一段js代码打开页面div5秒弹出,点击关闭按钮后再次定时弹出
center;line-height: 150px;} <\/style> <\/head> <body> <div class="box"> <div class="tc-box" id="tc"> <div class="tc-cont">我是弹窗内容<\/div> <button id="btn">点击关闭5秒后继续弹出<\/button> <button id="btn1">点击关闭，不再弹窗<\/button> <\/div> <\/div> ...
html如何用JS自动弹出一个DIV
也就先做一个DIV。里面的内容都做好。此DIV背后加一个mask层。把这个DIv默认设置为隐藏。JS里加一个定时器，每隔一分钟，设置为这个DIv的css样式中的display=block
js怎么样定时输出一段div层代码
test.style.display = "block"setTimeout("document.location.reload()",3000);} setTimeout("reflesh()",1000);<\/script> <\/head> <body> <div style="display: none" id="test">定时输出<\/div> <\/body> <\/html> 3000毫秒是显示的持续时间，要不然会一闪而过，这个时间可以自行设置。
js代码让一个div缓缓出现,点击关闭按钮后缓缓关闭,就像win7那种效果...
用jquery.("#divId").show(3000);$("#divId").hide(3000);\/\/显示和隐藏分别都是3秒钟的动画
用js怎么实现一个div显示时间2秒后就自动消失。
使用setTimeout()和hide()。setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。hide()，实现隐藏这个已经显示的div。以下为使用setTimeout()设定一个函数在2秒后执行 (function () {setTimeout(function () {$("divid").hide();}, 2000);})...
