仅显示首次观看者的消息

Question

Im trying to display a welcome message for a few seconds then have it fade out and not return (unless user deletes cookies). I know i can do this 2 ways using either js cookies or localStorage. This is the code i'm using:

$(document).ready(function() {
    if(localStorage.getItem('messageState') != 'shown'){
        $("#message").delay(2000).fadeOut();
        localStorage.setItem('messageState','shown')
    }

    $('#message').fadeOut(); 
    });
});

But it's not fading out. Any ideas what i'm doing wrong?

Or would i be better using js cookie?

Here's a fiddle: http://jsfiddle.net/Y2D67/1786/

Answer 1

Delete your last line, the }); and the fadeout works.

$(document).ready(function() {
    if(localStorage.getItem('messageState') != 'shown'){
        $("#message").delay(2000).fadeOut();
        localStorage.setItem('messageState','shown')
    }


    $('#message').fadeOut(); 
});

Answer 2

Your syntax is wrong, the closing bracket

 })

does not belong

Localstorage would be a fine way to store something like this, I usually go by the rule that localstorage is for data I want to read on the front end and cookies are primarily for reading server-side