JSFiddle - React, Tailwind, and code Playground
by noname5
HTML
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
</body>
</html>
JavaScript
document.addEventListener("visibilitychange", function() {
if (document.visibilityState === 'visible') {
let StartTime = performance.now().toFixed(0); // User на вкладке
} else {
let ExitTime = (performance.now().toFixed(0) - StartTime)/1000; //User пытается уйти высчитываем секунды
let Stat = "https://example.com/click.php?add_event4=" + ExitTime; // формируем ссылку постбека
fetch(Stat, {
method: 'POST', // метод отправки данных
keepalive: true // переживем браузер
});
alert('Вы ушли со страницы, были здесь ' + ExitTime + ' секунд');
}
}
});