javascript - 从时间的字符串表示继续时钟

Question

如果我有以下代表时间的字符串:

var s = "22:01:15";

我想随系统时钟一起增加该时间，但要添加到我现有的值中。

无论实际的计算机时钟时间是多少，我如何继续下去，就像它是一个真实的时钟一样？

Answer 1

只需将时间解析为 Date 实例，并确定它与系统日期之间的差异。然后应用该偏移量。

1. 解析它:

   var parts = str.split(":");
   

2. 将其应用于某个日期

   var dt = new Date();
   dt.setHours(parseInt(parts[0], 10));
   dt.setMinutes(parseInt(parts[1], 10));
   dt.setSeconds(parseInt(parts[2], 10));
   

3. 了解差异

   var diff = new Date().getTime() - dt.getTime();
   

4. 每当您要显示该值时都应用它

   var now = new Date(new Date().getTime() - diff);
   

5. 使用now实例来显示

一开始，您执行步骤 1 - 4 一次；然后根据需要重复步骤 5。

Live example