僅顯示首次觀看者的消息

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主要用於讀取服務器端