允许用户单击某个div并记住

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
}