时间戳

首页 > 解决方案 > 每天只能点击一次按钮

javascript - 每天只能点击一次按钮

问题描述

我有一个数值为 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')));
 });
})

标签： javascriptjqueryhtmlcsswebpage

解决方案

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

var dayClicked = true;

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

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

推荐阅读