Question

我有一个数字值为100的按钮。一个总数将显示在页面上。当我单击“添加100”时，它将更新并显示在页面上。我希望按钮每天只单击一次。例如，您不能再次单击该按钮。这是我的html代码。我如何每天只能使按钮单击一次？（24小时）？

   <div>Total : <span id="total">0</span></div>
   <input class="add" data-amount="100" type="button" value="Add 100" />


$(document).ready(function() {
$('.add').click(function() {
 $('#total').text(parseInt($('#total').text()) + 
 parseInt($(this).data('amount')));
 });
})

Answer 1

关闭页面时，您需要使用服务器端JavaScript使其正常工作，但是，如果页面没有关闭或重新加载，永远，您可以这样做：

var dayClicked = true;

$("#button").click(function() {
    if (dayClicked) {
        alert("Error!");
    }
    else {
        variable += 1;
        dayClicked = false;
    }
    setTimeout(function() {
        dayClicked = true;
    }, 86400000);
});

这将为variable添加一个，然后使#button元素在第二天（86400000秒）显示一条错误消息。

每天只能单击一次按钮

1 个答案: