自動啟用/禁用按鈕

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