每天只能单击该按钮一次

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);
});

这会将 1 添加到variable，然后使#button元素显示第二天(86400000 秒(的错误消息。