javascript 计时器显示自下订单以来的时间滴答

Question

我正在构建一个跟踪在线订单的工具。为此，我正在设置一个管理页面，其中订单将在表格中列出。

由于我一天收到多达 200 到 300 个订单，并且交付每个订单所需的时间约为 60 分钟到 12 分钟，因此我想包含一个 java 脚本计时器，它显示自下订单以来的时间由客户。

它是这样工作的: 客户在网站上下订单。这会立即反射(reflect)在管理员的订单页面上。假设订单是在下午 16:00 下的，订单号为 1001。现在订单表中应该有一列显示自下订单以来的时间每秒自动更新。因此，当管理员在16:15pm查看订单表时，“自订购以来的时间”列显示的时间应为00:15 分钟>。 当管理员在16:16pm查看订单页面时，“自订购以来的时间”列显示的时间应为00:16 分钟。等等。

订单成功交付给客户后，管理员将继续并关闭订单。管理员关闭订单后，它应该显示完成该订单所需的时间。我们可以计算“下订单的时间”和“管理员关闭订单的时间”之间的差异。

现在，对于输入订单表的每条记录，都会单独显示计时器。

我的订单表将如下所示:

订单号日期和时间 自订购以来的时间 订单详细信息 OT 状态

1001 2013年8月19日 16:00pm 00:15mins manchow chuiken - 待处理

1002 2013年8月19日 15:15pm 60:00分钟 炒面 - 待处理

1003 2013年8月19日下午15:15 - 鸡翅小翼30分钟交付

如果您注意到前两条记录的状态仍为待处理，因此“自订购以来的时间”会持续计时，直到状态更改为已交付。在第三条记录上，“自订购以来的时间”字段为空白，因为交货已完成。但是，它会将“加类”显示为30 分钟。这意味着管理员已将订单更新为在下单后 30 分钟内发货。

请帮助我实现上述解释。我知道我需要实现 JavaScript 来显示时间滚动条。

我的问题是: 如何保持每一行独立？每行应显示适当的“自订购以来的时间”标记。

无论管理员刷新页面或注销管理页面或执行其他操作，时间标记都应继续运行，直到管理员更新要交付的记录。如何才能实现这一目标？

我想对表使用 AJAX，以便自动添加新记录。我该怎么做？

请分享您的看法。如果我混淆了这个概念，我可以提供更清晰的说明。

谢谢 哈里什

Answer 1

我建议保留它

订单号|日期和时间 |订单详情 |加类状态 |订单交付时间

下订单后，立即在日期和时间列中记录日期和时间

显示此订单时，查找当前时间，计算当前时间与下订单时间之间的时间差。显示此时间差。这将是静态的。

为了使该页面上的时差每秒都减小，请启动 JavaScript 倒计时器。您可以获得制作方面的帮助

最后，当订单交付时，将交付日期和时间保存在订单交付时间中，以便您知道订单交付的时间，并将 OT 状态更改为“已交付”，但您可以已经计划好了。