JavaScript实现自动弹出窗口并自动关闭窗口的方法


Posted in Javascript onAugust 06, 2015

本文实例讲述了JavaScript实现自动弹出窗口并自动关闭窗口的方法。分享给大家供大家参考。具体如下:

这里介绍的JavaScript自动弹出窗口并自动关闭窗口,JS实现此特效似乎很简单,打开网页后即显示一个弹出窗口,之后会自动离开,使用了window.open和document.open();以及document.close();对象共同来实现,现在似乎用的不多了。

运行效果如下图所示:

JavaScript实现自动弹出窗口并自动关闭窗口的方法

具体代码如下:

<HTML>
<HEAD>
<TITLE>自动离开的窗口</TITLE>
<SCRIPT>
<!--
var flyingwin
var popupwidth=200
var popupheight=150
var marginright
var windowcenter
var i_top=200
var i_left=-popupwidth-50
var step=40
var timer
var waitingtime=5000
var pause=20
function showWindow() {
 flyingwin = window.open("", "flyingwin", "toolbar=no,width="+popupwidth+",height="+popupheight+",top=100,left="+(-popupwidth)+"");
 flyingwin.document.open();
 flyingwin.document.write("<html><title>自动离开的窗口</title><body><p align=center>请不要关闭,马上就离开:(</body></html>");
 flyingwin.document.close();
 if (document.all) {
  marginright = screen.width+50
 }
 if (document.layers) {
  marginright = screen.width+50
 }
 windowcenter=Math.floor(marginright/2)-Math.floor(popupwidth/2)
 movewindow()
}
function movewindow() {
  if (i_left<=windowcenter) {
   flyingwin.moveTo(i_left,i_top)
   i_left+=step
   timer= setTimeout("movewindow()",pause)
  }
  else {
   clearTimeout(timer)
   timer= setTimeout("movewindow2()",waitingtime)
  }
}
function movewindow2() {
  if (i_left<=marginright) {
   flyingwin.moveTo(i_left,i_top)
   i_left+=step
   timer= setTimeout("movewindow2()",pause)
  }
  else {
   clearTimeout(timer)
   flyingwin.close()
  }
}
// -->
</SCRIPT>
</HEAD>
<BODY onload=showWindow()> </BODY>
</HTML>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
[JSF]使用DataModel处理表行事件的实例代码
Aug 05 Javascript
jQuery DOM操作实例
Mar 05 Javascript
js改变embed标签src值的方法
Apr 10 Javascript
javascript手风琴下拉菜单实现代码
Nov 12 Javascript
js点击返回跳转到指定页面实现过程
Aug 20 Javascript
AngularJs验证重复密码的方法(两种)
Nov 25 Javascript
解析预加载显示图片艺术
Dec 05 Javascript
js时间戳与日期格式之间相互转换
Dec 11 Javascript
vue获取当前点击的元素并传值的实例
Mar 09 Javascript
r.js来合并压缩css文件的示例
Apr 26 Javascript
微信小程序自定义带价格显示日历效果
Dec 29 Javascript
Vue的全局过滤器和私有过滤器的实现
Apr 20 Javascript
JS实现从网页顶部掉下弹出层效果的方法
Aug 06 #Javascript
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
Aug 06 #Javascript
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
Aug 06 #Javascript
js实现简单秒表走动的时钟特效
Mar 25 #Javascript
javascript实现鼠标放上后下边对应内容变换的效果
Aug 06 #Javascript
JS实现跟随鼠标的链接文字提示框效果
Aug 06 #Javascript
jquery实现仿新浪微博评论滚动效果
Aug 06 #Javascript
You might like
ThinkPHP模板范围判断输出In标签与Range标签用法详解
2014/06/30 PHP
ThinkPHP关于session的操作方法汇总
2014/07/18 PHP
用javascript控制iframe滚动的代码
2007/04/10 Javascript
js 禁用浏览器的后退功能的简单方法
2008/12/10 Javascript
JS实现仿京东淘宝竖排二级导航
2014/12/08 Javascript
JavaScript中数组成员的添加、删除介绍
2014/12/30 Javascript
JQuery动态添加和删除表格行的方法
2015/03/09 Javascript
JS时间特效最常用的三款
2015/08/19 Javascript
nodejs搭建本地http服务器教程
2017/03/13 NodeJs
H5上传本地图片并预览功能
2017/05/08 Javascript
详解Vue路由开启keep-alive时的注意点
2017/06/20 Javascript
打造通用的匀速运动框架(实例讲解)
2017/10/17 Javascript
jQuery操作元素追加内容示例
2020/01/10 jQuery
[02:47]3.19DOTA2发布会 国服成长历程回顾
2014/03/25 DOTA
[08:38]DOTA2-DPC中国联赛 正赛 VG vs Elephant 选手采访
2021/03/11 DOTA
[01:38:19]夜魇凡尔赛茶话会 第五期
2021/03/11 DOTA
使用XML库的方式,实现RPC通信的方法(推荐)
2017/06/14 Python
从运行效率与开发效率比较Python和C++
2018/12/14 Python
在python中利用opencv简单做图片比对的方法
2019/01/24 Python
pyqt5 使用cv2 显示图片,摄像头的实例
2019/06/27 Python
手把手教你进行Python虚拟环境配置教程
2020/02/03 Python
Python如何执行系统命令
2020/09/23 Python
韩国CJ食品专卖网:CJonmart
2016/09/11 全球购物
加拿大床上用品、家居装饰、厨房和浴室产品购物网站:Linen Chest
2018/06/05 全球购物
什么情况下你必须要把一个类定义为abstract的
2013/01/06 面试题
教学实验楼管理制度
2014/02/01 职场文书
服装采购员岗位职责
2014/03/15 职场文书
法制宣传月活动总结
2014/04/29 职场文书
环保宣传标语
2014/06/12 职场文书
论文评审意见
2015/06/05 职场文书
年会邀请函的格式及范文五篇
2019/11/02 职场文书
Spring boot应用启动后首次访问很慢的解决方案
2021/06/23 Java/Android
Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶
2021/10/16 Python
quickjs 封装 JavaScript 沙箱详情
2021/11/02 Javascript
Mysql排查分析慢sql之explain实战案例
2022/04/19 MySQL
MySQL示例讲解数据库约束以及表的设计
2022/06/16 MySQL