仅显示首次观看者的消息

Question

我试图显示欢迎消息几秒钟，然后逐渐消失而不返回（除非用户删除cookie）。 我知道我可以使用js cookie或localStorage做到这两种方式。 这是我正在使用的代码：

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

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

但这并没有消失。 任何想法我在做什么错？

还是我会更好地使用js cookie？

这是一个小提琴： http : //jsfiddle.net/Y2D67/1786/

Answer 1

删除最后一行， }); 和淡出效果。

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


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

Answer 2

您的语法有误，右括号

 })

不属于

Localstorage是一种存储类似内容的好方法，我通常遵循以下规则：localstorage用于存储要在前端读取的数据，而cookie主要用于读取服务器端