Javascript 添加cookie只显示一次弹出窗口

我有一个家庭作业，我需要帮助来解决它 我有一个弹出代码 HTML

/*
你可能会想扔下一块饼干，这样就不会每次都弹出。我推荐这个插件：
https://github.com/js-cookie/js-cookie
*/
超龄=功能（）{
$（“#年龄验证”）.addClass（“隐藏”）；
}
未成年人=功能（）{
$（“#年龄验证”）.addClass（'under'）；
}
goBack=函数（）{
window.history.back（）；
}

#年龄验证{
位置：固定；
z指数：9997；
排名：0；
左：0；
右：0；
底部：0；
背景色：rgba（0,0,0,0.6）；
过渡时间：500ms；
}
#年龄验证窗口{
位置：绝对位置；
最高：50%；
左：50%；
宽度：400px；
高度：250px；
溢出：隐藏；
填充：40px；
左边距：-200px；
边缘顶部：-125px；
背景色：#fff；
边框：6px固态#ED6A5A；
框大小：边框框；
盒影：0 20px 60px rgba（0,0,0,0.2）；
过渡时间：500ms；
z指数：9998；
}
#年龄验证。窗口跨度{
显示：块；
文本对齐：居中；
边缘底部：10px；
字体系列：“源Sans-Pro”，无衬线；
}
#年龄验证。窗口span.title{
颜色：#ED6A5A；
字体大小：24px；
}
#年龄验证。窗口按钮{
边界：0；
保证金：0；
填充：0；
宽度：48%；
高度：60px；
颜色：#FFF；
字号：18px；
背景色：#ED6A5A；
边缘顶部：20px；
字体系列：“源Sans-Pro”，无衬线；
-webkit转换：规模（1）；
变换：比例（1）；
过渡：.2s；
}
#年龄验证。窗口按钮。返回{
显示：块；
浮动：无；
保证金：自动；
背景色：#fff；
颜色：#ED6A5A！重要；
边缘顶部：20px；
}
#年龄验证。窗口按钮。是{
浮动：左；
}
#年龄验证。窗口按钮。编号{
浮动：对；
}
#年龄验证。窗口按钮：悬停{
-webkit转换：比例（1.1）；
转换：比例（1.1）；
盒影：0 20px 60px rgba（0,0,0,0.2）；
背景色：#f29488；
}
#年龄验证。窗口。下箱{
位置：绝对位置；
宽度：400px；
高度：250px；
填充：40px；
最高：100%；
左：0；
右：0；
背景色：#ED6A5A；
过渡时间：500ms；
框大小：边框框；
}
#年龄验证。窗口。机箱底部*{
颜色：#FFF！重要；
}
#隐藏的{
不透明度：0；
可见性：隐藏；
}
#age-verify.hidden.window{
-webkit变换：比例（0.5）；
变换：比例（0.5）；
}
#老化验证.窗下.箱底{
最高：0%；
}

你超过18岁了吗？要访问我们的网站，您必须达到法定饮酒年龄。是不是
很抱歉您必须年满18岁才能访问我们的网站。回去

您可以使用我在代码末尾添加的这两个函数来获取和设置cookie。正如你所说，饼干60分钟后过期。 当页面加载时，我们检查是否可以获得所需的cookie。如果我们可以隐藏弹出窗口，它将显示

/*
你可能会想扔下一块饼干，这样就不会每次都弹出。我推荐这个插件：
https://github.com/js-cookie/js-cookie
*/
如果（getCookie（“年龄”）！=“”）
{
$（“#年龄验证”）.addClass（“隐藏”）；
}
超龄=功能（）{
setCookie（“年龄”、“超龄”）；
$（“#年龄验证”）.addClass（“隐藏”）；
}
未成年人=功能（）{
$（“#年龄验证”）.addClass（'under'）；
}
goBack=函数（）{
window.history.back（）；
}
函数setCookie（cname，cvalue）{
var d=新日期（）；
d、 设置时间（d.getTime（）+（60*1000））；
var expires=“expires=“+d.togmString（）；
document.cookie=cname+“=”+cvalue+”；“+expires+”；path=/”；
}
函数getCookie（cname）{
变量名称=cname+“=”；
var decodedCookie=decodeURIComponent（document.cookie）；
var ca=decodedCookie.split（“；”）；
对于（变量i=0；i

#年龄验证{
位置：固定；
z指数：9997；
排名：0；
左：0；
右：0；
底部：0；
背景色：rgba（0,0,0,0.6）；
过渡时间：500ms；
}
#年龄验证窗口{
位置：绝对位置；
最高：50%；
左：50%；
宽度：400px；
高度：250px；
溢出：隐藏；
填充：40px；
左边距：-200px；
边缘顶部：-125px；
背景色：#fff；
边框：6px固态#ED6A5A；
框大小：边框框；
盒影：0 20px 60px rgba（0,0,0,0.2）；
过渡时间：500ms；
z指数：9998；
}
#年龄验证。窗口跨度{
显示：块；
文本对齐：居中；
边缘底部：10px；
字体系列：“源Sans-Pro”，无衬线；
}
#年龄验证。窗口span.title{
颜色：#ED6A5A；
字体大小：24px；
}
#年龄验证。窗口按钮{
边界：0；
保证金：0；
填充：0；
宽度：48%；
高度：60px；
颜色：#FFF；
字号：18px；
背景色：#ED6A5A；
边缘顶部：20px；
字体系列：“源Sans-Pro”，无衬线；
-webkit转换：规模（1）；
变换：比例（1）；
过渡：.2s；
}
#年龄验证。窗口按钮。返回{
显示：块；
浮动：无；
保证金：自动；
背景色：#fff；
颜色：#ED6A5A！重要；
边缘顶部：20px；
}
#年龄验证。窗口按钮。是{
浮动：左；
}
#年龄验证。窗口按钮。编号{
浮动：对；
}
#年龄验证。窗口按钮：悬停{
-webkit转换：比例（1.1）；
转换：比例（1.1）；
盒影：0 20px 60px rgba（0,0,0,0.2）；
背景色：#f29488；
}
#年龄验证。窗口。下箱{
位置：绝对位置；
宽度：400px；
高度：250px；
填充：40px；
最高：100%；
左：0；
右：0；
背景色：#ED6A5A；
过渡时间：500ms；
框大小：边框框；
}
#年龄验证。窗口。机箱底部*{
颜色：#FFF！重要；
}
#隐藏的{
不透明度：0；
可见性：隐藏；
}
#age-verify.hidden.window{
-webkit变换：比例（0.5）；
变换：比例（0.5）；
}
#老化验证.窗下.箱底{
最高：0%；
}

你超过18岁了吗？要访问我们的网站，您必须达到法定饮酒年龄。耶