带有cookies的Javascript覆盖弹出窗口

我在寻求一些建议。我试图在一个html网站上创建一个覆盖，在用户进入该网站之前弹出一个窗口

到目前为止，我已经成功创建了一个cookie：

函数setCookie（cname、cvalue、exdays）{
var d=新日期（）；
d、 设置时间（d.getTime（）+exdays*24*60*60*1000）；
var expires=“expires=“+d.toutString（）；
document.cookie=cname+“=”+cvalue+”；“+expires+”；path=/”；
}

覆盖在用户单击Accept后调用cookie函数

$（函数（）{
var overlay=$（''）；
overlay.show（）；
overlay.appendTo（document.body）；
$（“.popup”）.show（）；
$（“.popupCloseButton”）。单击（函数（）{
$（“.popup”）.hide（）；
appendTo（document.body）.remove（）；
返回false；
});
$（“.x”）。单击（函数（）{
$（“.popup”）.hide（）；
appendTo（document.body）.remove（）；
返回false；
});
$（“.popupAcceptButton”）。单击（函数（）{
setCookie（“测试”，“测试”，30）；
$（“.popup”）.hide（）；
appendTo（document.body）.remove（）；
返回false；
});
$（“.x”）。单击（函数（）{
$（“.popup”）.hide（）；
appendTo（document.body）.remove（）；
返回false；
});
});

弹出窗口：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='popup'>
    <div class='cnt223'>
        <!--<div class="popupCloseButton">&times;</div>-->
        <h1 style="font-size: 18px;">Mholweni, Hello, Goeie dag!</h1>
        <p style="font-size: 14px;">We respect your rights. Please read our Usage Agreement <a href="https://www.saonline.africa/use.html" target="_blank" style="color: #1b305c !important; font-weight: 300;"><u>HERE</u></a>.</p>
        <div class="popupAcceptButton"><font style="font-size: 15px;">I ACCEPT AND WANT TO PROCEED</font></div>
    </div>
</div>

姆霍尔维尼，你好，戈伊·达格！
我们尊重您的权利。请阅读我们的使用协议

我接受并想继续

我正在努力解决的是一种if-else语句，用于检查cookie是否存在，如果存在，则不再显示弹出窗口。

您只需在浏览器中读取cookie，并且只需调用overlay.show（），如果cookie不存在，这个答案就是一个完美的例子