本文實例講述了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程序設計有所幫助。
新聞熱點
疑難解答