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

2019-11-20 11:53:54

字体：大中小

来源：转载

供稿：网友

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

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

运行效果如下图所示：

具体代码如下：

<HTML><HEAD><TITLE>自动离开的窗口</TITLE><SCRIPT><!--var flyingwinvar popupwidth=200var popupheight=150var marginrightvar windowcentervar i_top=200var i_left=-popupwidth-50var step=40var timervar waitingtime=5000var pause=20function 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实现3D变换的立体圆圈实例

下一篇：JS实现从网页顶部掉下弹出层效果的方法