javascript - 跟踪在页面上显示某些元素所花费的时间

Question

假设我们有 4 个 Div(3 个隐藏，1 个可见)，用户可以通过 javascript/jQuery 在它们之间切换。

我想计算在每个 Div 上花费的时间，并将包含该时间的 xhr 发送到服务器以将其存储在数据库中。当用户切换 div View 时将发送此 xhr。

我该怎么做？任何提示将不胜感激。

谢谢，

Answer 1

在任何时候，您都可以在变量中记录开始/单圈时间:

var start = new Date();

当您想计算耗时时，只需从新的 Date 实例中减去存储的日期即可:

var elapsed = new Date() - start;

这将为您提供以毫秒为单位的耗时。做额外的数学(除法)来计算秒、分钟等。