Javascript 注册模式限制

我已经在bootstrap网站上集成了一个注册模式，并希望限制访问者在每次会话中看到它两次而不是在每个页面上看到它的次数，并且在访问者订阅后隐藏它。该模式在打开网页5秒钟后出现，仅在用户单击关闭按钮时关闭

//模态
$（文档）.ready（函数（）{
//背景叠加淡入延迟（此处控制定时）
美元("bkgOverlay),延迟(5000美元),法代因(400美元),；
//弹出窗口的淡入延迟（此处控制计时）
$（“#delayedPopup”）.delay（6000）。fadeIn（400）；
//当用户单击关闭按钮时隐藏对话和背景
$（“#b关闭”）。单击（函数（e）{
HideDialog（）；
e、 预防默认值（）；
});
});
//控制如何使用关闭按钮关闭模式弹出窗口
函数HideDialog（）{
美元（“#bkgOverlay”）。淡出（400）；
美元（“#delayedPopup”）。淡出（300）；
}

html{
背景色：#333；
}
氢{
文本对齐：居中；
}
/****模态*****/
/*默认模态样式*/
/*这是背景叠加图*/
.背景覆盖图{
位置：固定；
排名：0；
右:0,，
底部：0；
左：0；
身高：100%；
宽度：100%；
保证金：0；
填充：0；
背景：#000000；
不透明度：.85；
过滤器：α（不透明度=85）；
-moz不透明度：.85；
z指数：101；
显示：无；
}
/*这是弹出窗口*/
.delayedPopupWindow{
显示：无；
位置：固定；
宽度：自动；
最大宽度：480px；
高度：310px；
最高：50%；
左：50%；
左边距：-260px；
利润上限：-180px；
背景色：#EFEF；
边框：2倍实心#333；
z指数：102；
填充：10px 20px；
}
/*这是关闭按钮*/
#btnClose{
宽度：100%；
显示：块；
文本对齐：右对齐；
文字装饰：无；
颜色：#bcbc；
}
/*这是关闭按钮悬停状态*/
#btnClose:悬停{
颜色：#c90c12；
}
/*这是表格的标题和段落说明*/
#delayedPopup>div.formDescription{
浮动：左；
显示：块；
宽度：44%；
填充：1%3%；
字号：18px；
颜色：#666；
清除：左；
}
/*这是表单标题的样式*/
#delayedPopup>div.formDescription h2{
颜色：#4444；
字体大小：36px；
线高：40px；
}
/*邮资登记表*/
/*这是注册表格正文*/
#延迟弹出窗口#mc#嵌入#注册{
浮动：左；
宽度：47%；
填充：1%；
显示：块；
字体大小：16px；
颜色：#666；
左缘：1%；
}
/*这是注册表单输入的样式*/
#delayedPopup#mc嵌入式订阅表单输入{
宽度：95%；
高度：30px；
字号：18px；
填充：3倍；
边缘底部：5px；
}
/*这是使用鼠标悬停注册表单输入时的样式*/
#delayedPopup#mc嵌入式订阅表单输入：悬停{
边框：实心2px#97c1c0；
盒影：0 1px 3px#AAAAAA；
}
/*这是注册表单输入集中时的样式*/
#delayedPopup#mc嵌入式订阅表单输入：焦点{
边框：实心2px#333；
盒影：无；
}
/*这是注册表单提交按钮的样式*/
#延迟弹出窗口#mc嵌入式订阅{
宽度：100%！重要；
高度：40px！重要；
保证金：10px自动0自动；
背景：#333；
边界：无；
颜色：#fff；
}
/*这是注册表单提交按钮悬停状态的样式*/
#delayedPopup#mc嵌入式订阅：悬停{
背景：#97c1c0；
颜色：#fff；
盒影：无！重要；
光标：指针；
}
.delayedPopupWindow{
显示：无；
位置：固定；
宽度：自动；
最大宽度：480px；
高度：310px；
最高：50%；
左：50%；
左边距：-260px；
利润上限：-180px；
背景色：#EFEF；
边框：2倍实心#333；
z指数：102；
填充：10px 20px；
}

家
这是一个演示页面
注册并保存！
今天就注册，成为第一个了解我们特价商品的人

名字
*
姓
*
电子邮件地址
*

使用carhartl提供的插件

在显示模式之前检查cookie。如果它存在，不要显示它。如果不是，则存储一个新的cookie并显示模式

$(document).ready(function() {
if ($.cookie('modal_shown') == null) {
    $.cookie('modal_shown', 'yes', { expires: 7, path: '/' });
    $('#bkgOverlay').modal('show');
}

}))