Home >Web Front-end >JS Tutorial >JavaScript method to automatically pop up the window and automatically close the window_javascript skills

JavaScript method to automatically pop up the window and automatically close the window_javascript skills

WBOYOriginal: 2016-05-16 15:46:473062browse

The example in this article describes how to use JavaScript to automatically pop up a window and automatically close the window. Share it with everyone for your reference. The details are as follows:

The JavaScript introduced here automatically pops up the window and automatically closes the window. It seems very simple to achieve this special effect with JS. After opening the web page, a pop-up window will be displayed, and then it will automatically leave. Use window.open and document.open(); and document.close(); is implemented together with objects, but it seems that it is not used much now.

The operation effect is as shown below:

The specific code is as follows:

<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>

I hope this article will be helpful to everyone’s JavaScript programming design.

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Ajax method to clear browser js, css, image cache_javascript skillsNext article：Ajax method to clear browser js, css, image cache_javascript skills

See more

JavaScript method to automatically pop up the window and automatically close the window_javascript skills

Related articles