Question

我有一个按钮（用于提问）和倒数计时器（其中time =“2017/04/30 10:30:00”），现在我想要的是当时间=达到0时自动禁用一个按钮，当时间是＆gt; 0再次自动启用该按钮。

我只有一个变量用于保存日期变化时间=“2017/04/30”。我想不断检查时间是使按钮启用/禁用的最佳选择，但我不知道该怎么做。

Answer 1

在前端脚本中执行此操作并不是一个好习惯，因为几乎任何拥有基本JavaScript知识的人都可以在time==0时重新启用该按钮，我认为您不需要想要发生。

我建议在一个服务器端代码中执行此操作。简而言之：

在生成页面时检查计时器，如果计时器已用完，则生成禁用的按钮，而没有任何应该处理点击事件的代码。
在处理按钮单击触发的请求时检查计时器，如果计时器停止则返回404或其他错误消息。

所有这一切，如果你＆＃34;必须＆＃34;快速做到这一点，你可以简单地使用setInterval或setTimeout：

//javascript
// check timer every 200 ms
var TICK = 200; 
var checkTimerTask = setInterval(function(){
    if (getTimer() == 0){
        document.getElementById('buttonId').disabled = true; 
    } else {
        document.getElementById('buttonId').disabled = false;
    }
    // to stop checking uncomment the following line.
    // clearInterval(checkTimerTask);
}, TICK);

自动启用/禁用按钮

1 个答案: