Javascript 延迟弹出60秒
我正在使用下面的脚本在我客户的页面上显示一个弹出窗口。她要求推迟60秒。我正在使用Javascript 延迟弹出60秒,javascript,jquery,delay,popover,Javascript,Jquery,Delay,Popover,我正在使用下面的脚本在我客户的页面上显示一个弹出窗口。她要求推迟60秒。我正在使用setTimeout,但在实现它时遇到了问题。它正在延迟#掩码,但不是#框#对话框 您可以在此处查看网站: 任何帮助都将不胜感激,谢谢! 这是我的剧本 $(document).ready(function() { setTimeout(function(){ var id = '#dialog'; //Get the screen height and width
setTimeout
,但在实现它时遇到了问题。它正在延迟#掩码
,但不是#框#对话框
您可以在此处查看网站:
任何帮助都将不胜感激,谢谢!
这是我的剧本
$(document).ready(function() {
setTimeout(function(){
var id = '#dialog';
//Get the screen height and width
var maskHeight = $(document).height();
var maskWidth = $(window).width();
//Set height and width to mask to fill up the whole screen
$('#mask').css({'width':maskWidth,'height':maskHeight});
//transition effect
$('#mask').fadeTo("slow",0.3);
$('#boxes #dialog').fadeTo("slow");
}, 60000);
//if close button is clicked
$('.window .close').click(function (e) {
//Cancel the link behavior
e.preventDefault();
$('#mask').hide();
$('.window').hide();
});
//if mask is clicked
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});
});
确保#mask
和#dialog
都设置为显示:无在CSS中使用code>,然后根据以下脚本使用setTimeout
$(文档).ready(函数(){
setTimeout(函数(){
变量id='#对话框';
//获取屏幕的高度和宽度
var maskHeight=$(document.height();
var maskWidth=$(window.width();
//设置遮罩的高度和宽度以填充整个屏幕
$('#mask').css({'width':maskWidth,'height':maskHeight});
//过渡效应
$(#mask').fadeTo(“慢”,0.3);
$(id).法德托(“慢”,1);
}, 30000);
//如果单击“关闭”按钮
$('.window.close')。单击(函数(e){
//取消链接行为
e、 预防默认值();
$(“#掩码”).hide();
$('.window').hide();
});
//如果单击了“遮罩”
$(“#掩码”)。单击(函数(){
$(this.hide();
$('.window').hide();
});
});代码>除了实现问题之外。。。请,请,请强烈建议您的客户不要这样做。作为一个网站用户,这些令人讨厌的“注册我的时事通讯”弹出窗口突然出现,特别是当它们完全接管了你正在做的事情时,真是令人恼火。