为按钮创建 cookie 并在 10 分钟后禁用它

Question

所以我有这个页面，我有一个主按钮，可以将您带到网站内的其他页面。
所以我们有“/”和“/game”。进入 /game 后，还有一个 ID 为 #quest1 的按钮。一旦有人单击该按钮，就会为主按钮 (a.PlayNow) 设置一个计时器，使其变为红色 10 分钟。
问题是我的代码永远不会改变。
我完成了这项工作，但即使经过 10 分钟，按钮也不会恢复正常形式。任何帮助，将不胜感激。 代码如下：

$(function() {
  var last = my_getcookie('lastClicked');
  var current = Math.round(Date.now() / 1000);

  $('#quest1').click(function(){
    my_setcookie('lastClicked', current ,1,0);
  });

  if( last + 600 < current ) {
    // 10 minutes over
    $('a.PlayNow').attr('href','/game').css({'background':'#a7822f','cursor':'pointer'});
    $('a.PlayNow').text('Play Crossroadz!');
  } else {
    // 10 minutes not over
    $('a.PlayNow').removeAttr('href').css({'background':'#b34c4c','cursor':'not-allowed'});
    $('a.PlayNow').text('Time not passed!');
  }
});

Answer 1

我会通过使用计时器来解决这个问题...只需在有人点击您的按钮时拨打buttonPressed()。

var timer;

function buttonPressed()
{
    // make button red

    timer = setInterval(restoreButton, 1000 * 60 * 10);
}

function restoreButton()
{
    // make button normal again
    clearInterval(timer);
}