javascript窗口的延迟关闭_Javascript

javascript窗口的延迟关闭

javascript

javascript窗口的延迟关闭,javascript,Javascript,我正在开发一个javascript窗口，显示谷歌DFP的广告。我是javascript的初学者，这里的代码改编自另一个广告服务页面加载时窗口打开得很好，单击“关闭”按钮时窗口关闭，但我希望它在经过一定时间（比如说五秒钟）后自动关闭以下是我使用的代码： <html> <head> <style> .simple_overlay { display: none; z-index: 10000; backgr

我正在开发一个javascript窗口，显示谷歌DFP的广告。我是javascript的初学者，这里的代码改编自另一个广告服务

页面加载时窗口打开得很好，单击“关闭”按钮时窗口关闭，但我希望它在经过一定时间（比如说五秒钟）后自动关闭

以下是我使用的代码：

<html>
 <head>
    <style>
    .simple_overlay {
      display: none;
      z-index: 10000;
      background-color: #fff;
      width: 640px;
      height: 480px;
      border: 20px solid black;
      -moz-box-shadow: 0 0 90px 5px #000;
      -webkit-box-shadow: 0 0 90px #000;
    }

    .simple_overlay .close {
      background-image: url https://s3.amazonaws.com/onlineads/interstitial_test/CloseWindow_shoot.png);
      position: absolute;
      right: -35px;
      top: -35px;
      cursor: pointer;
      height: 30px;
      width: 30px;
    }
    .title {
       font-weight: 20px;
    }
    </style>
    <script type="text/javascript" src="https://s3.amazonaws.com/onlineads/shoot_js/jquery.min.js"></script>
    <script type="text/javascript" src="https://s3.amazonaws.com/onlineads/shoot_js/jquery.tools.min.js"></script>
    <script> 
         setTimeout( function() { $("#interstitial_test").overlay({top: 200,mask: { color: "black", loadSpeed: 200, opacity: 0.5}, closeOnClick: false,load: false}); 
         setTimeout( function() {$("#interstitial_test").overlay().load();},2000);},200);
    </script>
    <title>Intestitial Test</title>
  </head>

  <body>
     <div class="simple_overlay" id="interstitial_test"> 
          <img src="https://s3.amazonaws.com/onlineads/shoot/Interstitial_Artwork.jpg"></img>
     </div>
  </body>

</html>


.简单覆盖{
显示：无；
z指数：10000；
背景色：#fff；
宽度：640px；
高度：480px；
边框：20px纯黑；
-moz盒阴影：0 0 90px 5px#000；
-网络工具包盒阴影：0 0 90px#000；
}
.simple_叠加。关闭{
背景图片：urlhttps://s3.amazonaws.com/onlineads/interstitial_test/CloseWindow_shoot.png);
位置：绝对位置；
右：-35px；
顶部：-35px；
光标：指针；
高度：30px；
宽度：30px；
}
.头衔{
字体大小：20px；
}
setTimeout（function（）{$（“#interstitial_test”）.overlay（{top:200，mask:{color:“black”，loadSpeed:200，opacity:0.5}，closeOnClick:false，load:false}）；
setTimeout（function（）{$（“#interstitial_test”）.overlay（）.load（）；}，2000）；}，200）；
智力测验

不确定这是否是你想要的。我假设您单击#interstitial_测试元素以关闭窗口

不确定这是否是你想要的。我假设您单击#interstitial_测试元素以关闭窗口。

这将使用overlay提供的内置onLoad事件。加载覆盖后，

onload

事件触发关闭对话框的

setTimeout

将其添加到覆盖设置内的页面

 $("#interstitial_test").overlay(... onLoad : closeModalOverlay ...)

以及下面的函数。我将默认关闭时间设置为10秒

 function closeModalOverlay() {
     setTimeout( function() {$("#interstitial_test").overlay().close();},10000);
 }

这将使用overlay提供的内置onLoad事件。加载覆盖后，

onload

事件触发关闭对话框的

setTimeout

将其添加到覆盖设置内的页面

 $("#interstitial_test").overlay(... onLoad : closeModalOverlay ...)

以及下面的函数。我将默认关闭时间设置为10秒

 function closeModalOverlay() {
     setTimeout( function() {$("#interstitial_test").overlay().close();},10000);
 }

这将使用overlay提供的内置onLoad事件。加载覆盖后，

onload

事件触发关闭对话框的

setTimeout

将其添加到覆盖设置内的页面

 $("#interstitial_test").overlay(... onLoad : closeModalOverlay ...)

以及下面的函数。我将默认关闭时间设置为10秒

 function closeModalOverlay() {
     setTimeout( function() {$("#interstitial_test").overlay().close();},10000);
 }

这将使用overlay提供的内置onLoad事件。加载覆盖后，

onload

事件触发关闭对话框的

setTimeout

将其添加到覆盖设置内的页面

 $("#interstitial_test").overlay(... onLoad : closeModalOverlay ...)

以及下面的函数。我将默认关闭时间设置为10秒

 function closeModalOverlay() {
     setTimeout( function() {$("#interstitial_test").overlay().close();},10000);
 }

主题无效，因为您谈论的是窗口而不是“弹出窗口”；我知道这只是文字；但它会帮助人们理解你的问题

顺便说一下，我的建议是：

//等待DOM就绪
$（函数（）{
//这是你的元素：
$overlay=$（“间隙试验”）；
//分配覆盖jquerysuffs
$overlay.overlay(
{
前200名，
遮罩：{
颜色：“黑色”，
装载速度：200，
不透明度：0.5
},
closeOnClick:false，
加载：false
}
);
//打开它
$overlay.overlay（）.load（）；
//请稍后关闭：
设置超时(
函数（）{
$overlay.overlay（）.close（）；
},
2000
);
});
。简单覆盖{
显示：无；
z指数：10000；
背景色：#fff；
/*
宽度：640px；
高度：250px；
*/
宽度：64px；
高度：25px；
边框：20px纯黑；
-moz盒阴影：0 0 90px 5px#000；
-网络工具包盒阴影：0 0 90px#000；
}
.simple_叠加。关闭{
背景图片：url(https://s3.amazonaws.com/onlineads/interstitial_test/CloseWindow_shoot.png);
位置：绝对位置；
右：-35px；
顶部：-35px；
光标：指针；
高度：30px；
宽度：30px；
}
.头衔{
字体大小：20px；
}
主题无效，因为您谈论的是窗口而不是“弹出窗口”；我知道这只是文字；但它会帮助人们理解你的问题
顺便说一下，我的建议是：
//等待DOM就绪
$（函数（）{
//这是你的元素：
$overlay=$（“间隙试验”）；
//分配覆盖jquerysuffs
$overlay.overlay(
{
前200名，
遮罩：{
颜色：“黑色”，
装载速度：200，
不透明度：0.5
},
closeOnClick:false，
加载：false
}
);
//打开它
$overlay.overlay（）.load（）；
//请稍后关闭：
设置超时(
函数（）{
$overlay.overlay（）.close（）；
},
2000
);
});
。简单覆盖{
显示：无；
z指数：10000；
背景色：#fff；
/*
宽度：640px；
高度：250px；
*/
宽度：64px；
高度：25px；
边框：20px纯黑；
-moz盒阴影：0 0 90px 5px#000；
-网络工具包盒阴影：0 0 90px#000；
}
.simple_叠加。关闭{
背景图片：url(https://s3.amazonaws.com/onlineads/interstitial_test/CloseWindow_shoot.png);
位置：绝对位置；
右：-35px；
顶部：-35px；
光标：指针；
高度：30px；
宽度：30px；
}
.头衔{
字体大小：20px；
}
主题无效，因为您谈论的是窗口而不是“弹出窗口”；我知道这只是文字；但它会帮助人们理解你的问题
顺便说一下，我的建议是：
//等待DOM就绪
$（函数（）{
//这是你的元素