Question

我要进行倒数计时，直到奇迹电影首映，并希望有一个“ Book Tickets”按钮在倒数时不可点击，然后在倒数达到0时使其可点击。我该怎么做？ / p>

我试图做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，则会启用您的按钮。

来源：Countdown flipclock and reset after counting to zero

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

2 个答案: