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', ...

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

1 个答案: