zoukankan      html  css  js  c++  java
  • 后端判断用户是否关闭浏览器(关闭网站相关的全部tab)

    一)程序步骤

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

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

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

    二)实现原理

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

    那么,如果我设置的前端的定时请求为 17 秒,第二请求过来的时候,其实第一个请求还没处理完(因为阻塞了 30 秒);

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

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

    三)部分代码

    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 timer         = null; 
    
        var gogogo = function(){
            timer = window.setTimeout(function(){
                i++;
                now            = new Date().getTime();
                toffset        = now - (start + i * interval);
                nexttime    = interval - toffset;
    
                func();
    
                gogogo();
            }, nexttime);
        };
    
        // 先立即执行一次
        func();
        // 启动迭代器
        gogogo();
        return timer;
    }

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

    test(
    'test.php');

    php:

    test.php(实际使用时用 redis 会更好)

    <?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');
    }
    ?>
  • 相关阅读:
    爬虫-解析库-beautisoup
    爬虫-请求库-requests库
    爬虫-简单爬取视频
    爬虫基本原理
    虚拟环境搭建+前后端项目搭建
    flask-自定义命令、多APP应用、 wtforms、sqlalcchemy
    flask-蓝图
    flask- 偏函数、请求上下文、信号、flask-session保存redis中
    flash框架-安装、路由、配置、请求与响应
    svn服务器镜像备份
  • 原文地址:https://www.cnblogs.com/tujia/p/6885048.html
Copyright © 2011-2022 走看看