如果倒数计数达到0，如何使按钮可点击？

Question

我有一个倒计时，直到奇迹电影有他们的总理，并希望有一个按钮“预订门票”在倒计时时无法点击，然后在倒计时达到0时使其可点击。我该怎么办？

我试图制作if语句，但有些错误。

var clock = $('.clock').FlipClock(new Date("July 5, 2019 00:00:00"),{
  clockFace: 'DailyCounter',
  countdown: true
  });

你可以看到我目前的倒计时：http://www.student.city.ac.uk/~aczc972/

即使警报来自第二个而不是0，回调似乎也适用于警报，尽管我只需要找到一种改变按钮行为的方法。

这是新代码

var clock = $('.clock3').FlipClock(new Date("April 10, 2019 12:27:00"), {
  clockFace: 'DailyCounter',
  countdown: true,
  callbacks: {
    stop: function() {
      alert("Hello! I am an alert box!!");
    }
  }
});

Answer 1

由于您的网站上没有可用的代码，因此很难确定要为您的按钮添加哪些代码。这是一个潜在的解决方案：http://jsfiddle.net/kdyzxLbt/

var clock = $('.clock').FlipClock(new Date("July 5, 2019 00:00:00"),{
  clockFace: 'DailyCounter',
  countdown: true
});

setTimeout(function(){ 
  checktime();
}, 1000);

function checktime(){
  t = clock.getTime();
  if(t<=0){
    $('#myBtn').removeAttr('disabled');
  }
  setTimeout(function(){ 
    checktime();
  }, 1000);
}

基本上它会启动你的时钟并每秒检查一次。如果时间小于或等于0，则启用按钮。

资料来源：Countdown flipclock and reset after counting to zero

Answer 2

为什么不在clock2 flip-clock-wrapper上绑定一个点击处理程序，然后在当前日期时间小于2019年7月5日时退出该函数？

$('#clock2').off().on('click', function () { your code here } )

或者只是有一个普通的按钮并在点击处理程序中执行相同的逻辑？