Автоматически включить/отключить кнопку

Question

У меня есть кнопка (для вопросов) и таймер обратного отсчета (где time = "2017/04/30 10:30:00), теперь я хочу, когда время = достигает 0 автоматически отключается a кнопка и когда время> 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);