后端判断用户是否关闭浏览器（关闭网站相关的全部tab）

Posted 2020-09-19 Tiac

一）程序步骤

1、js 写一个定时请求后端（php），后端接收到请求到，把当前时间戳写入文件

2、php 阻塞，这里我写的是 3 秒，也就是 sleep(3)

3、获取当前时间和文件里的时间作比较，如果时间间隔为 3 秒，则表示前端已经没有请求了，视为用户关闭了所有网站相关的 tab

 

二）实现原理

首先，每一个请求过来时，都会立即更新文件里的时间戳，然后阻塞程序 3 秒；

那么，如果我设置的前端的定时请求为 2 秒，第二请求过来的时候，其实第一个请求还没处理完（因为阻塞了 3 秒）；

当第一个请求阻塞结束，往下执行时，文件里的时间戳已经被第一个请求修改了，这时再用当前时间 减 文件里的时间戳，间隔肯定不是 3 秒了；

反之，如果减出来的间隔为 3 秒，则表示，文件时间戳没有被修改，也就是没有下一个请求了，视为用户关闭了所以网站链接，这时就可以做登出之类的日志记录了

 

三）部分代码

js：

function test(url){
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function(){
        if(xmlhttp.readyState==4){
            if(xmlhttp.status==200){
                // console.log(xmlhttp.responseText);
            }
        }
    }
    xmlhttp.open("GET", url, true);
    xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xmlhttp.send(null);
}

window.setMyInterval = function(func, interval){
    var nexttime    = interval;
    var start        = new Date().getTime();
    var now            = null;
    var toffset        = 0;
    
    var i            = 0;

    var gogogo = function(){
        window.setTimeout(function(){
            i++;
            now            = new Date().getTime();
            toffset        = now - (start + i * interval);
            nexttime    = interval - toffset;

            func();

            gogogo();
        }, nexttime);
    };

    gogogo();
}

var i          = 0;
window.setMyInterval(function(){
    test(‘test‘+ ((i%2)+1) +‘.php‘);
    i++;
}, 2000);

test(‘test2.php‘);

 

php：

test1.php

<?php
file_put_contents(‘user1_time.txt‘, time());

sleep(3);

$t1                = file_get_contents(‘user1_time.txt‘);

$now            = time();

if($now - $t1 == 3){
    error_log("SUCCESS", 3, "debug.txt");
    unlink(‘user1_time.txt‘);
}
?>

 

test2.php

<?php
require(‘test1.php‘);
?>

 

我想到实现方法就这个，按项目实际要求修改

---

 

完