How to remove something from localStorage after a period of time?

Question

I have a basic form asking to join an email list that I make disappear when someone submits and not reappear by hiding an id in localStorage. I also have a button you can press to make the div disappear should user not want to sign up for email, also done in localStorage. Both of these click events trigger 'hideEmail()'

Is it possible to reverse hiding the id by checking when it was placed in localStorage and if it was over x amount of time change it back?

function hideEmail() {
    $('#footer').hide();
    localStorage.setItem('hidden', 'true'); //store state in localStorage
}

$(document).ready(function(){
    var hidden = localStorage.getItem('hidden');
    if(hidden === 'true'){
        $('#footer').hide();
    }
});

yyess..that seems to be the right direction, thanks! New to localstorage so thanks for the help! https://stackoverflow.com/a/4275854/7822433 — gpb14, Jun 04 '18 at 04:11

score 0 · Answer 1 · answered Jun 04 '18 at 04:10

Are you referring to, say, when the user closes the page, and when the user reopens the page, check if the user has passed the time allowance so that the footer would be unhidden?

If so, want you want to be using are cookies. You define them as such:

var d = new Date();
var username = "any_username";
// Set cookie to expire in, say, 4 days. Then you can do an if statement and check if cookie is expired, so you can set hidden to false.
document.cookie = "username=" + username + ";expires=" + d.getDate()+4+";";

I'm trying to avoid cookies, adding a timestamp to local storage event solves my problem tho, thanks — gpb14, Jun 04 '18 at 04:13

How to remove something from localStorage after a period of time?

1 Answers1