jquery - 检查过去一天是否点击过链接

Question

我正在尝试使用本地html和Jquery为自己制作一个简单的个人主页。我添加了一个指向 Bing Rewards 的链接。

<a id="bing" href="https://www.bing.com/rewards/dashboard">Bing Rewards</a>

但是，我每天只想访问该网站一次。当我点击它时，我希望它隐藏到第二天。

$('#bing').click(function(){
   $(this).hide();
}

当我关闭并重新打开页面时，我将如何使其知道我上次访问该链接的时间，并据此显示或不显示该链接？ 我对这类事情还很陌生，所以答案越简单越好。谢谢!

Answer 1

以下将隐藏或显示页面加载按钮并将时间存储在 localStorage 中。

如果页面长时间保持打开状态，您可能需要运行间隔计时器来检查日期差异

var lastBing = localStorage.getItem('last_bing'),
    now = new Date(),
    showButton = true;       
if (lastBing) {
    lastBing = new Date(+lastBing);
    showButton = lastBing.setDate(lastBing.getDate() + 1) < now;
}

$('#bing').click(function() {
    localStorage.setItem('last_bing', +new Date());
    $(this).hide();
}).toggle(showButton);