自动启用/禁用按钮

时间:2017-01-31 18:47:54

标签: javascript jquery ajax jsp

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

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

1 个答案:

答案 0 :(得分:0)

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

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

  1. 在生成页面时检查计时器,如果计时器已用完,则生成禁用的按钮,而没有任何应该处理点击事件的代码。
  2. 在处理按钮单击触发的请求时检查计时器,如果计时器停止则返回404或其他错误消息。
  3. 所有这一切,如果你"必须"快速做到这一点,你可以简单地使用setIntervalsetTimeout

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