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 相关文章推荐
javascript操作文本框readOnly
May 15 Javascript
js程序中美元符号$是什么
Jun 05 Javascript
Javascript图像处理思路及实现代码
Dec 25 Javascript
JQuery中dataGrid设置行的高度示例代码
Jan 03 Javascript
node.js中的events.emitter.removeListener方法使用说明
Dec 10 Javascript
js实现右下角提示框的方法
Feb 03 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 Javascript
网页瀑布流布局jQuery实现代码
Oct 21 Javascript
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
Apr 11 jQuery
JavaScript实现三级联动效果
Jul 15 Javascript
使用JSON格式提交数据到服务端的实例代码
Apr 01 Javascript
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 jQuery
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
使用adodb lite解决问题
2006/12/31 PHP
批量去除PHP文件中bom的PHP代码
2012/03/13 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
2010年最佳jQuery插件整理
2010/12/06 Javascript
javascript表单验证使用示例(javascript验证邮箱)
2014/01/07 Javascript
javascript制作的cookie封装及使用指南
2015/01/02 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
2015/03/04 Javascript
jQuery遮罩层实现方法实例详解(附遮罩层插件)
2015/12/08 Javascript
浅析Javascript中bind()方法的使用与实现
2016/05/30 Javascript
Bootstrap table右键功能实现方法
2017/02/20 Javascript
详解Vue的computed(计算属性)使用实例之TodoList
2017/08/07 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
2018/02/05 Javascript
关于jquery中attr()和prop()方法的区别
2018/05/28 jQuery
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
2019/05/21 Javascript
JS实现滚动条触底加载更多
2019/09/19 Javascript
JavaScript Dom 绑定事件操作实例详解
2019/10/02 Javascript
python通过urllib2爬网页上种子下载示例
2014/02/24 Python
python实现八大排序算法(2)
2017/09/14 Python
Python 实现淘宝秒杀的示例代码
2018/01/02 Python
用python编写第一个IDA插件的实例
2018/05/29 Python
解决python3中的requests解析中文页面出现乱码问题
2019/04/19 Python
python实现微信防撤回神器
2019/04/29 Python
Pandas时间序列:时期(period)及其算术运算详解
2020/02/25 Python
Python通过len函数返回对象长度
2020/10/22 Python
用Python写一个for循环的例子
2016/07/19 面试题
单位实习证明怎么写
2014/01/17 职场文书
高中打架检讨书
2014/02/13 职场文书
《英英学古诗》教学反思
2014/04/11 职场文书
财务情况说明书范文
2014/05/06 职场文书
委托书如何写
2014/08/30 职场文书
绿色环保倡议书
2015/04/28 职场文书
教师考核鉴定意见
2015/06/05 职场文书
一定要知道的 25 个 Vue 技巧
2021/11/02 Vue.js
《艾尔登法环》发布最新「战技」宣传片
2022/04/03 其他游戏
2022漫威和DC电影上映作品
2022/04/05 欧美动漫
postgresql中如何执行sql文件
2023/05/08 PostgreSQL