JavaScript 时间积分

Question

我目前正在开发一个 JavaScript 项目，该项目根据用户的时间告诉用户类里面剩余的时间。我可以使用以下代码确定时间。

function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById('txt').innerHTML =
    h + ":" + m + ":" + s;
    var t = setTimeout(startTime, 500);
}
function checkTime(i) {
    if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
    return i;
}

我的目标是根据用户的当前时间减去该期间剩余的时间。这是我想要使用的周期时间。

第 1 时段 7:45 - 8:34

第 2 节 8:38 - 9:30

第三节 9:34 - 10:23

第 4 节 10:27 - 11:16

第五节 11:20 - 12:38

第 6 节 12:42 - 1:31

第 7 节 1:35 - 2:25

因此，如果时间为 8:30，它将返回给用户“第 1 时段还剩 4 分钟”。在这种情况下，数字 4 将由变量表示，同样适用于基于以下条件的“1”:期间。

Answer 1

http://momentjs.com/

这个库有一个非常有用的 API，使得在 JavaScript 中处理日期和时间变得合理。查看“相对时间”

请参阅以下示例:

Countdown timer using Moment js

您显然不会想要分钟和秒，eventTime 是每个“周期”结束的日期戳

<script>
  $(document).ready(function(){

    var eventTime = '1366549200';
    var currentTime = '1366547400';
    var leftTime = eventTime - currentTime;//Now i am passing the left time from controller itself which handles timezone stuff (UTC), just to simply question i used harcoded values.
    var duration = moment.duration(leftTime, 'seconds');
    var interval = 1000;

    setInterval(function(){
      // Time Out check
      if (duration.asSeconds() <= 0) {
        clearInterval(intervalId);
        window.location.reload(true); #skip the cache and reload the page from the server
      }

      //Otherwise
      duration = moment.duration(duration.asSeconds() - 1, 'seconds');
      $('.countdown').text(duration.days() + 'd:' + duration.hours()+ 'h:' + duration.minutes()+ 'm:' + duration.seconds() + 's');
    }, interval);
  });
  </script>