将JS事件限制为每个用户每天一次

Question

我希望将以下事件限制为每位用户每天一次。 当用户尝试离开页面时，将出现一个阴影框。 我不想让用户每次鼠标离开身体时都会对此感到烦恼，因此应该只在他们每天第一次访问该网站时发生。

$('body').one('mouseleave', function() {
    $('.shadowbox').fadeIn(400)
});

我被告知使用cookie是实现此目的的一种好方法，但是我对使用cookie经验不足。 谢谢！

Answer 1

您可以在该函数中将Cookie设置为过期。

此处提供了很好的文档。

基本上，进行检查并设置该功能。

$('body').one('mouseleave', function() {
    var cookie = document.cookie; //You need to find the cookie you need here (if it exists, don't do anything)
    return; //if exists
    $('.shadowbox').fadeIn(400)
    document.cookie = "myCookieName=true; expires=(datetime + 1day)"
});

这样，只有没有cookie时，您才能淡入淡出并进行设置。

Answer 2

您可以在此处找到有关将cookie与javascript一起使用的信息： 如何创建cookie并从中读取值？

然后，假设您使用的是上述解决方案：

$('body').on('mouseleave', function() {
    var cookie = getCookie('visited');
    if ('' == cookie) {
        $('.shadowbox').fadeIn(400);
        createCookie('visited', 'yes', 1);
    }
});