本文實例講述了JavaScript實作自動彈出視窗並自動關閉視窗的方法。分享給大家供大家參考。具體如下:
這裡介紹的JavaScript自動彈出窗口並自動關閉窗口,JS實現此特效似乎很簡單,打開網頁後即顯示一個彈出窗口,之後會自動離開,使用了window.open和document.open();以及document.close();物件共同來實現,現在似乎用的不多了。
運作效果如下圖:
具體程式碼如下:
<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程式設計有所幫助。