Question

所以我有这个页面，我有一个主按钮，可以带你到网站的另一个页面所以我们有“/”和“/ 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);
}

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

1 个答案: