Jquery 在asp.net中每隔10分钟打开一次弹出窗口?
我试图每10分钟打开一次弹出窗口,并在15秒内自动关闭 下面的代码是弹出窗口,这是打开到点击事件,但我想打开它自动10分钟的时间间隔Jquery 在asp.net中每隔10分钟打开一次弹出窗口?,jquery,asp.net,Jquery,Asp.net,我试图每10分钟打开一次弹出窗口,并在15秒内自动关闭 下面的代码是弹出窗口,这是打开到点击事件,但我想打开它自动10分钟的时间间隔 <script type="text/javascript"> $("[id*=btnPopup]").live("click", function () { $("#dialog").dialog({ title: "jQuery Dialog Popup", buttons:
<script type="text/javascript">
$("[id*=btnPopup]").live("click", function () {
$("#dialog").dialog({
title: "jQuery Dialog Popup",
buttons: {
Close: function () {
$(this).dialog('close');
}
}
});
return false;
});
</script>
<div id="dialog" style="display: none">
This is a simple popup
</div>
$(“[id*=btnPopup]”)。实时(“单击”,函数(){
$(“#对话框”)。对话框({
标题:“jQuery对话框弹出”,
按钮:{
关闭:函数(){
$(this.dialog('close');
}
}
});
返回false;
});
这是一个简单的弹出窗口
请提供帮助:(使用setInterval通过jquery打开对话,关闭时使用setTimeout:
setInterval(function(){
$('#dialog').dialog('open');
setTimeout(function(){
$('#dialog').dialog('close');
},15000)
},600000);
像这样使用
setTimeout
:
10分钟后10*60*1000=600000(10分钟*60秒/分钟*1000毫秒/秒)。
15分钟后(15*60*1000=900000
HTML
您需要使用和的组合 您还需要在按钮的单击处理程序外部初始化对话框 代码
下面的代码必须解决你的问题。它的工作对我来说很好
$("#[Your Div Id]").dialog({
width: 400
});
setInterval(function(){
$('#[Your Div Id]').dialog('open');
setTimeout(function(){
$('#[Your Div Id]').dialog('close');
},15000) // 15 Seconds
},600000); // 10 mins
希望这能奏效。谢谢@milind的答案,但我想每隔10分钟打开一次,并在15秒内自动关闭。@GarimaRawat:正在更新答案。:)@GarimaRawat:看演示。这不起作用……她想每10分钟打开一次,然后在15秒内自动关闭。点击事件中,它工作正常,但间隔不工作,先生@Satpal@GarimaRawat,在初始化对话框时添加
autoOpen:false
,还有一个问题请不要介意@Satpal先生,此代码仅用于一个time打开或关闭,是否可以使用循环?我的意思是,当弹出窗口关闭时,其间隔将再次继续,并在给定时间再次打开?@GarimaRawat,Read docssetInterval
将每隔600000
毫秒(10分钟)打开一次弹出窗口对于测试,缩短时间间隔。另外,我建议您在打开1次后再通过链接,然后再关闭“不打开”
$('#open').click(function() {
$('#dialog').dialog('open');
});
jQuery("#dialog").dialog({
autoOpen: false,
modal: true,
open: function(){
jQuery('.ui-widget-overlay').bind('click',function(){
jQuery('#dialog').dialog('close');
})
}
});
setTimeout(function() {
$('#dialog').dialog('open');
}, 600000);
setTimeout(function() {
$('#dialog').dialog('close');
}, 900000);
$(document).ready(function() {
//Initialize dialog
$("#dialog").dialog({
title: "jQuery Dialog Popup",
autoOpen: false,
buttons: {
Close: function() {
$(this).dialog('close');
}
}
});
//bind click handler
$("[id*=btnPopup]").live("click", function() {
$('#dialog').dialog('open');
return false;
});
//Open dialog
setInterval(function() {
$('#dialog').dialog('open');
//Close after 15 seconds
setTimeout(function() {
$('#dialog').dialog('close');
}, 15000);
}, 600000);
});
$("#[Your Div Id]").dialog({
width: 400
});
setInterval(function(){
$('#[Your Div Id]').dialog('open');
setTimeout(function(){
$('#[Your Div Id]').dialog('close');
},15000) // 15 Seconds
},600000); // 10 mins