检查过去一天是否点击了链接答案

【问题标题】：Check if a link has been clicked in the past day检查过去一天是否点击了链接
【发布时间】：2016-01-19 03:12:38
【问题描述】：

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

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

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

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

当我关闭并重新打开页面时，我将如何让它知道我上次访问链接的时间，并据此显示链接或不显示链接？我对这种东西很陌生，所以答案越简单越好。谢谢！

【问题讨论】：

标签： jquery html hyperlink click show-hide

【解决方案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);

【讨论】：

感谢您的简短回答！

【解决方案2】：

在此方法中，最后一次点击的日期（从午夜开始）存储在本地存储中 (demo)

$(function() {
  var oneDay = 8.64e7, // 24 hours in milliseconds
    lastClicked = localStorage.getItem('bing-time'),
    showLink = new Date().getTime() > lastClicked + oneDay;
  $('#bing').toggle(showLink);
  if (showLink) {
    $('#bing').on('click', function() {
      var date = new Date();
      // set time to midnight
      date.setHours(0,0,0,0);
      localStorage.setItem('bing-time', date);
      $(this).hide();
    });
  }

  // reset localstorage - for demo
  $('button').click(function() {
    localStorage.removeItem('bing-time');
  });
});

【讨论】：

【解决方案3】：

您可以将点击时间存储在 cookie 中。使用像js-cookie 这样的库会很容易。

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

    // set cookies to expire in 14 days
    Cookies.set('bing-click-time', new Date(), {
        expires : 14
    });
});
var clickTime = Cookies.get('bing-click-time');
if (clickTime != undefined) {
    var cTime = new Date(clickTime);
    var diff = new Date().getTime() - cTime.getTime();
    console.log(clickTime, cTime, cTime.getTime(), diff / (1000 * 60))
    if (diff / (1000 * 60) < 3) {// eg: less than 3 min
        $('#bing').hide();
    }
}

【讨论】：