允许用户单击一个部分并记住

Question

我想在用户的每个页面上的div中向用户显示一条警告消息（'帐户即将到期'）。这我已经在PHP中。

现在我想让用户点击div中的链接/图像来隐藏div。然后我想让div保持隐藏在所有页面上，比如24小时。然后我希望它再次出现，并且用户可以再次点击它（或延长其会员资格）。

应该很容易使用jQuery和jQuery-cookie我认为，但我对这些不够熟练。

Answer 1

当按钮被点击将其隐藏，设置：

localStorage['dont-tell-me-about-expiry'] = new Date().getTime(); 

无论你在那里想的名字 - 我喜欢让他们描述。

然后当你通常会显示框：

if(localStorage['dont-tell-me-about-expiry'] < new Date().getTime()-24*3600*1000) { 
    // show the box 
}