怎么用js实现延时弹出窗口
2个回答
展开全部
延迟出口弹出，最简单方法就是用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');
var oBtn = document.getElementById('btn');
oBtn.onclick=function(){
setTimeout(function(){
oDiv.style.display = 'block';
},1000);
};
</script>
点击btn后然div一秒后显示。
<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');
var oBtn = document.getElementById('btn');
oBtn.onclick=function(){
setTimeout(function(){
oDiv.style.display = 'block';
},1000);
};
</script>
点击btn后然div一秒后显示。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2016-12-27 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
用js实现延时弹出窗口的方法是利用timeout实现的。
具体用法如下：
1、编写js脚本
<script type="text/javascript">
<!-- 定义窗口弹出
function popup(url) {
var width = 300; 宽度
var height = 200; 高度
var left = (screen.width - width) / 2; 左侧显示位置
var top = (screen.height - height) / 2;顶部显示位置
var params = 'width=' + width + ', height=' + height; 拼接参数
params += ', top=' + top + ', left=' + left;
params += ', directories=no';不显示目录
params += ', location=no';不显示地址栏
params += ', menubar=no';不显示菜单栏
params += ', resizable=no';不显示最大最小按钮
params += ', scrollbars=no';不显示吨东条
params += ', status=no';不显示状态栏
params += ', toolbar=no';不显示工具栏
newwin = window.open(url, 'windowname5', params); 打开窗口
if (window.focus) { 如果获得焦点
newwin.focus() 强制置顶
}
return false;
}
setTimeout(popup('`test/login.html'), 5000); 延时弹出设置5秒
//-->
//]]>
</script>
2、调用入口
setTimeout(function() {popup('`test/login.html');}, 5000)
5秒的延时。。
具体用法如下：
1、编写js脚本
<script type="text/javascript">
<!-- 定义窗口弹出
function popup(url) {
var width = 300; 宽度
var height = 200; 高度
var left = (screen.width - width) / 2; 左侧显示位置
var top = (screen.height - height) / 2;顶部显示位置
var params = 'width=' + width + ', height=' + height; 拼接参数
params += ', top=' + top + ', left=' + left;
params += ', directories=no';不显示目录
params += ', location=no';不显示地址栏
params += ', menubar=no';不显示菜单栏
params += ', resizable=no';不显示最大最小按钮
params += ', scrollbars=no';不显示吨东条
params += ', status=no';不显示状态栏
params += ', toolbar=no';不显示工具栏
newwin = window.open(url, 'windowname5', params); 打开窗口
if (window.focus) { 如果获得焦点
newwin.focus() 强制置顶
}
return false;
}
setTimeout(popup('`test/login.html'), 5000); 延时弹出设置5秒
//-->
//]]>
</script>
2、调用入口
setTimeout(function() {popup('`test/login.html');}, 5000)
5秒的延时。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
