javascript - 实际时间网页已与jquery一起使用

Question

请帮助我，我必须计算用户在网页上花费的实际时间，即他在网页上进行鼠标移动、按键等事件的时间。我有脚本来计算他在网页上花费的总时间。

var start;
var end;
$(document).ready(function() {
  start = new Date().getTime();
  $(window).on('beforeunload',function(){
    end = new Date().getTime();  
    console.log("Time Difference : ");
    console.log(end - start);
  });			  
});

我需要他实际使用的时间，而不是他打开页面的总时间。请帮忙。任何帮助都将非常重要。谢谢

Answer 1

您可以根据要跟踪的事件设置计时器的启动和停止。

如果您想在用户聚焦窗口时进行跟踪，您可以执行以下操作:

var start,
    end,
    total = 0;
$(document).ready(function() {
  start = performance.now();

  $(window).on('blur', function() {
    end = performance.now();
    total += end - start
  })

  $(window).on('focus', function() {
    start = performance.now();
  })

  $(window).on('beforeunload',function(){
    end = performance.now(); 
    total += end - start 
    console.log("Time Difference : ");
    console.log(total);
  });             
});

如果您想跟踪其他事件，或者同时跟踪其他事件，那么您可以让它们触发开始和结束。例如$(window).on('keydown mousemove', ...