JavaScript 倒计时

Question

我正在尝试创建倒计时。基本上我有客户下订单的时间(以日期时间格式存储在数据库中，例如“2014-08-14 12:52:09”)，我也有完成订单所需的时间(其中要么是小时和分钟“1”45”，要么只是分钟“45”)。

我从网络上获得了一个倒计时脚本，但我很难弄清楚如何格式化这两个时间以便脚本能够理解。

我从数据库得到这个下单时间---->12:52:09到期时间 ---> 45 分钟

到期时间有时也可能包括小时:例如:到期时间 ---> 1 小时 45 分钟。

我从网上获得的脚本现在包含在一个函数中:

JS:

  function clockTicking(){

 // set the date we're counting down to
   var target_date = new Date("Aug 15, 2019").getTime();

   // variables for time units
   var days, hours, minutes, seconds;

   // get tag element


  // update the tag with id "countdown" every 1 second
   setInterval(function () {

     // find the amount of "seconds" between now and target
     var current_date = new Date().getTime();
     var seconds_left = (target_date - current_date) / 1000;

     // do some time calculations
     days = parseInt(seconds_left / 86400);
     seconds_left = seconds_left % 86400;

     hours = parseInt(seconds_left / 3600);
    seconds_left = seconds_left % 3600;

    minutes = parseInt(seconds_left / 60);
    seconds = parseInt(seconds_left % 60);

   // format countdown string + set tag value
   $('.countdown').html(days + "d, " + hours + "h, "+ minutes + "m, " + seconds + "s");  

  }, 1000);

}

任何帮助将不胜感激。

Answer 1

您可以将脚本的开头更改为此

function setTimer(hours, minutes, dateTime){

   var date = new Date(dateTime);
   date.setHours(date.getHours() + hours);
   date.setMinutes(date.getMinutes() + minutes);

   var target_date = date.getTime();

   // rest of script
   }

然后只需使用 setTimer(1,30, "2014 09 24 00:23") 调用它即可设置相对于 2014-09-24 01:53 的倒计时

在这里查看:jsFiddle