Question

我尝试显示欢迎消息几秒钟然后淡出而不返回（除非用户删除cookie）。我知道我可以使用js cookies或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用于我想要在前端读取的数据，而cookies主要用于读取服务器端

仅显示第一次查看者的消息

2 个答案: