1

我有一个倒计时，直到漫威电影首映，我想有一个“订票”按钮，在倒计时时无法点击，然后在倒计时达到 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!!");
    }
  }
});
4

2 回答 2

0

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

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

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

于 2019-04-09T20:58:04.230 回答
0

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

来源：倒计时翻转时钟和计数归零后复位

于 2019-04-09T21:03:54.270 回答