Время, проведенное на странице страницы

Question

У меня есть единственная страница, которая содержит несколько частей. Я использую следующее меню навигации jsfiddle Я хочу рассчитать время, проведенное пользователем, чтобы прочитать часть страницы. Идея состоит в том, чтобы инициировать событие, когда активированная часть была изменена, и установить таймер, если таймер больше 5 секунд (например), пользователь читает раздел, тогда я отправляю запрос ajax, чтобы сэкономить время на чтение данная часть.

TrackUserReading(function() { 
        var sectionName = $("nav ul#sidebar.nav li.active a").html(); 
        url = '/Main/TrackUserReading'; 
        data = { sectionName: sectionName, time : Timer }; 
        var dataType = "json"; 
        if(sectionName) 
         $.post(url, data, $.proxy(function (data, textStatus, jqXHR) { 
        }, this), dataType); 

Но что, если пользователь находится в той же части, и он открывает новую вкладку, в этом случае таймер не является правильным.

Мой вопрос - лучший способ рассчитать время, проведенное пользователем с хорошей точностью. Спасибо заранее.

Answer 1

В хроме и Firefox в SetTimeout установлен огнь once every second while the tab is inactive

Чтобы проверить, если вкладка активны им заимствование ответа от here:

var interval_id; 
$(window).focus(function() { 
    if (!interval_id) 
     interval_id = setInterval(trackUserReading, 1000); 
}); 

$(window).blur(function() { 
    clearInterval(interval_id); 
    interval_id = 0; 
}); 

Когда вкладка сфокусирована вы можете выполнить вашу функцию , когда вкладка неактивна, она удаляет интервал и прекращает выполнение вашей функции.

Answer 2

Цель HTML5 Page Visibility API - решить эту проблему и поддерживается практически повсеместно.