教程集 > 脚本编程 > javascript > 正文 js延时弹出层控制效果代码

js延时弹出层控制效果代码

发布时间：2016-11-18 编辑：jiaochengji.com

教程集为您提供js延时弹出层控制效果代码等资源，欢迎您收藏本站，我们将为您提供最新的js延时弹出层控制效果代码资源

在这里我们实现延时弹出层是借助于js settimeout来实现了，这个可以定时在几秒之后去触发一些事情，下面我们来看实例。

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>延时弹出层控制</title> <script type="text/javascript"> var isPopLayer = false; var time = null; //打开弹出层 function poplay(){ if(!isPopLayer){ //延迟1秒显示层 time = setTimeout(function(){ document.getElementById('poplay').style.display = 'block'; clplay(); isPopLayer = true; }, 1000); } } //鼠标移走时执行 function clplay(){ clearTimeout(time); time = null; } //关闭弹出层 function poclose(){ document.getElementById('poplay').style.display = 'none'; isPopLayer = false; } </script> <style type="text/css"> #poplay{ padding:1em; position:absolute; border: 3px solid #000; display:none;} </style> </head> <body> 文字1 这个都是胡乱写的文字2 这个都是胡乱写的文字3 这个都是胡乱写的

弹出层的内容

</body> </html></textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
js延时弹出层控制效果代码
 点击弹出层外区域关闭弹出层jquery特效示例
 jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
 JQuery中的ready函数冲突的解决方法
 jQuery点击自身以外地方关闭弹出层的简单实例
 Javascript 弹出层效果代码
 jquery 锁定弹出层实现代码
 js弹出层的实现代码
 基于jquery的blockui插件显示弹出层
 js仿baidu google 实用的文本框内容自动完成效果

上一篇：Javascript网页底部固定层位置代码下一篇：Javascript实现表格排序实例代码

[关闭]

js延时弹出层控制效果代码

最近更新

浏览排行