自动关闭弹出每次打开(jquery/javascript)

Question

我试图在每次打开它时自动关闭弹出窗口。但是使用下面的代码，弹出窗口只在第一次关闭。我必须刷新浏览器，每次自动关闭弹出。请帮我写代码自动关闭每次弹出。提前谢谢你。

var timeout = window.setTimeout(function(){ 
//close the popup here
$('.popup').stop().fadeOut('medium');
}, 10000);
I tried close instead of stop, its not working. and the dialog is also not working

Answer 1

要在每次启动弹出窗口时自动关闭它，我们需要在一个条件中插入fadeOut()函数，该条件确定弹出窗口是否可见，如下例所示:

if($('#popup').is(':visible')){
var timeout = window.setTimeout(function(){
$('#popupContact').stop().fadeOut('medium');
$('#backgroundPopup').stop().fadeOut('medium');
}, 5000);
}

这是完整的例子，它可以工作:

$("#button").click(function() {
$("#backgroundPopup").css({
"opacity": "0.7"
});
$("#backgroundPopup").fadeIn("slow");
$("#popup").fadeIn("slow");

if($('#popup').is(':visible')){
var timeout = window.setTimeout(function(){
$('#popup').stop().fadeOut('medium');
$('#backgroundPopup').stop().fadeOut('medium');
}, 10000);
}
});

#backgroundPopup{
display:none;
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popup{
display:none;
position:fixed;
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div id="button"><input type="submit" value="Press me please!" /></div> 
<div id="popup">  
<p>
SIMPLE POPUP
</p> 
</div>  
<div id="backgroundPopup"></div>