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

Question

我有一个倒计时，直到漫威电影首映，我想要一个按钮 "Book Tickets" 在倒计时时不可点击，然后在倒计时达到 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/

回调似乎适用于警报，即使警报出现在第 1 秒而不是第 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

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

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

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

Answer 2

很难确定为您的按钮输入什么代码，因为您的网站上没有可用的代码。这是一个可能的解决方案：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，它会启用您的按钮。

来源：

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

How can I make a button clickable if countdown har reached 0?

javascript

if-statement

button

flipclock