自动启用/禁用按钮

Question

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

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

Answer 1

在一个前端脚本中执行此操作不是一个好习惯，因为几乎所有具有JavaScript基本知识的人都可以在time==0时重新启用按钮，而我认为您不希望发生这种情况。

我建议在服务器端代码中执行此操作。 简单来说：

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

---

话虽如此，如果您“必须”采取这种快速的肮脏方式，则可以简单地使用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);