Jquery:时间计数器直到寄存器打开

时间:2016-05-09 07:56:11

标签: javascript jquery

我需要创建简单的时间计数器,直到寄存器打开。

我已经创建了空手道课程,将在每个星期日13:00

现在我想允许用户从11:00开始注册这个班级

当计数器达到我设定的时间时(例如11:00) 计时器将消失,一些动作将会显示(如将显示注册按钮)。

我需要获得服务器时间(可以通过php的帮助完成)。

var date = new Date("<?php echo date("Y-m-d H:i:s"); ?>");

现在我需要帮助来创建时间计数器,该计时器将显示从服务器时间(当用户点击网页时)11:00离开的小时和小时。

例如:

如果服务器时间现在是10:42,则计数器将显示18分钟和剩余00秒。并且计数器将开始计算时间。

1 个答案:

答案 0 :(得分:0)

您可以尝试此选项,您可以使用以下计时器功能:

function timer(till, onTimerElapsed) {
   var from = new Date();
   if (from < till){
      console.log(from);

      setTimeout(function() {
         timer(till, onTimerElapsed);
      }, 1000);  

      return false;
   }

   onTimerElapsed() 

   return true;       
}

您可以通过传递您希望计时器过去的时间(日期)来在页面加载时调用此方法。例如:从当前时间1分钟后经过计时器:

var till = new Date((new Date()).getTime() + 1000*60);
timer(till, function(){alert('timer elapsed');});

在回调中代替警报,您可以注册代码。