网页弹窗初识

网页弹窗

效果图

代码

<script>
  //定义一个全局变量
  var subwin = null;
  setTimeout(function () {
      //传入三个参数，第一个为链接，第二个为打开方式，第三个为屏幕参数
      subwin = window.open('http://mtkjy.top', '_blank', 'width=500,height=300,left=0,to=0');
      //移动至居中显示
      var x = (window.outerWidth - subwin.outerWidth) / 2;
      var y = (window.outerHeight - subwin.outerHeight) / 2;
      subwin.moveTo(x, y);
  }, 1000);
  setTimeout(function () {
      //设置弹窗关闭
      if (!subwin.closed) {
          subwin.close()
      }

  }, 20000)
 </script>