Setting cookie expiry time

Question

I am setting a cookie to launch a modal on page load. Currently, the modal only happens once.

I need it to reset every month, so that it keeps popping up once a month for every visitor.

Is it possible to modify my code to make this happen or do I need to do it another way? Any help appreciated.

$(document).ready(function () {
//if cookie hasn't been set...
if (document.cookie.indexOf("ModalShown=true")<0) {
    $("#newsletterModal").modal("show");
    //Modal has been shown, now set a cookie so it never comes back
    $("#newsletterModalClose").click(function () {
        $("#newsletterModal").modal("hide");
    });
    document.cookie = "ModalShown=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
}

});

score 5 · Accepted Answer · answered Aug 18 '16 at 18:48

5

Just don't set a static expiration date in your cookie but a dynamic one:

var now = new Date(); //get the current date
now.setMonth(now.getMonth() + 1); //add one month to it
document.cookie = "ModalShown=true; expires=" + now.toUTCString() + "; path=/";

answered Aug 18 '16 at 18:48

empiric

7,825
7
37
48

What happens if current month is december(11)? – Justice47 Jul 28 '20 at 19:48
Sorry, December, the twelfth month – Justice47 Jul 28 '20 at 20:09

score 2 · Answer 2 · answered Aug 18 '16 at 18:50

Hey I'm going to give simple code for setting remove and add cookie which might help you

function setCookie(name, value, expire) {
    document.cookie = name + "=" + escape(value) + ((expire === null) ? "" : ("; expires=" + expire.toGMTString()));
}

function checkCookie(name) {
    if (document.cookie !== "") {
        var toCookie = document.cookie.split("; ");
        for (var i = 0; i < toCookie.length; i++) {
            var CookieName = toCookie[i].split("=")[0];
            var CookieValue = toCookie[i].split("=")[1];
            if (CookieName === name) return unescape(CookieValue);
        }

    }
}

function removeCookie() {
    var CookieAlert;
    CookieAlert = document.getElementById('cookie');
    var expire = new Date();
    expire.setMonth(expire.getMonth() + 1);
    setCookie('agreeCookies', 'yes', expire);
}

window.onload = (function () {
    //IF cookie exists do something 
    if (checkCookie('agreeCookies') !== 'yes') {
        //Do something in your case dont start modal 
    } else {
        //START MODAL
    }
});

So in html you can use onclick="removeCookie()" on your close button in modal, basically you show modal and on close modal you set cookie, then after month when cookie expires you show it once again

be careful using [`toGMTString()`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date/toGMTString) this function has been deprecated: `Deprecated This feature has been removed from the Web standards. Though some browsers may still support it, it is in the process of being dropped. Do not use it in old or new projects. Pages or Web apps using it may break at any time.` — empiric, Aug 18 '16 at 18:53

score 0 · Answer 3 · answered Aug 18 '16 at 18:53

0

All you need to do is update the expiration date to be now + 1 month rather than 'Fri, 31 Dec 9999 23:59:59 GMT', but do it outside of the check for the cookie to ensure existing users with the old expiry date get an updated cookie.

answered Aug 18 '16 at 18:53

Richard Scarrott

6,638
1
35
46

Setting cookie expiry time

3 Answers3