javascript - 在 Moment.js 中设置时间

Question

如何将时刻设置为特定时间，例如 15:45:30。我想要完成的是不断从缠绕的时间中减去 1 秒，直到它结束为 00:00:00

Answer 1

这里有几个注意事项:

第一:Moment 本身无法处理超过 24 小时的“持续时间”。如果您的倒计时永远不会超过 23:59:59，您可以使用原生时刻。否则，您可以使用名为 moment-duration-format 的插件。

第二:在您指定的时间使用 setInterval 可能不会导致 恰好是 。这是一个最小值，因此如果您将其设置为每 1000 毫秒运行一次，它实际上有时可能会在 1400 毫秒后运行。数千次调用的累积错误可能很严重。

因此，拥有一个“基线”纪元，然后从当前纪元中减去它以得到开始时间之间的差异要可靠得多。

这导致了以下示例，它将这些放在一起。

var el = document.getElementById('timer');
var dur = moment.duration('94:22:17'); // set the duration
var start = Date.now(); //get benchmark epoch

setInterval(function() {
  var d2 = dur.clone() // clone the duration, so we don't modify the original
    .subtract(Date.now() - start, 'ms'); // subtract the ms since the benchmark from the clone
  el.innerText = d2.format('HH[h] mm[m] ss[s]'); // display formatted version of cloned duration
}, 100);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js" integrity="sha256-4iQZ6BVL4qNKlQ27TExEhBN1HFPvAvAMbFavKKosSWQ=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-duration-format/2.3.2/moment-duration-format.min.js" integrity="sha256-M2KULKSJyw+G0068JiMlM9GX4XpLdUButSzBqntKDZM=" crossorigin="anonymous"></script>

<div id='timer'></div>

注意: 这是一个非常简单的例子。它不会观察计时器何时达到零，而是在达到零后简单地变为负数。

信用:我通过 this question/answer 找到了这个时刻插件。