精华内容
下载资源
问答
  • 一个系统无需用户登录,他们只浏览,在没有用户登录的情况,如何判断网页长时间未操作,如果超过10分钟未操作,再次回到该页面时,弹出 欢迎回来 框,点确定,网页自动刷新。
  • 123412 var maxTime = 5; // seconds var time = maxTime; document.body.addEventListener("mousemove", function() { time = maxTime; // reset ... var intervalId = setInterval(function
    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    
    	<body id="1">
    
    		123412
    	</body>
    
    </html>
    <script src="mui-master/examples/hello-mui/js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript">
    	var maxTime = 5; // seconds
    	var time = maxTime;
    
    	document.body.addEventListener("mousemove", function() {
    		time = maxTime; // reset
    	}, false);
    
    	var intervalId = setInterval(function() {
    		time--;
    		if(time <= 0) {
    			ShowInvalidLoginMessage();
    			clearInterval(intervalId);
    		}
    	}, 1000)
    
    	function ShowInvalidLoginMessage() {
    		// 清除sessionstorage中的登录ID
    		// 退到登陆界面
    		window.localStorage.removeItem("loguserId");
    		window.location.href="login.html";
    	}
    </script>

    展开全文
  • 说到这个问题,我觉得这个问题 和 电脑长时间未操作进入待机状态是一个原理,于是查了一下,发现 电脑待机原理其实并不是在应用层进行控制的,而是通过相关电压和电流的判断来让电脑进入待机状态的。 自动退出...

    昨天一个同事问我,进入到一个页面后,这个时候不进行任何操作,然后15分钟后就自动退出登录,这个功能怎么实现?

    电脑进入待机状态原理

    说到这个问题,我觉得这个问题 和 电脑长时间未操作进入待机状态是一个原理,于是查了一下,发现 电脑待机原理其实并不是在应用层进行控制的,而是通过相关电压和电流的判断来让电脑进入待机状态的。

    自动退出登陆是什么原理呢?

    其实不然,自动退出 主要是通过 判断键盘 鼠标有没有操作 来判断电脑的状态的。

    所以具体原理: 获取 鼠标 和键盘 onmousemove 和 onkeydown 两个事件最后一次操作时间 。 这个时候你需要设置一个超时时间,接下来在判断两个事件最后一次的时间,和当前时间相比较。如果这个时间大于你设置的 这个时间,则说明这个时候已经很久没有操作电脑了,你可以选择让用户退出登陆了。

    <html xmlns="http://www.w3.org/1999/xhtml">
     <head> 
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
      <title>页面无任何操作30秒后退出</title> 
      <script language="JavaScript">
    
    
    var timerIdle=0;   //空闲时间
    var timerBusy=0;   //倒计时开始
    var timerIdle1=5;  //系统参数定义超时时间
    var timerBusy1=30; //退出时间
    
    
    function timerTimeout(){
        timerIdle++;
        if (timerIdle>timerIdle1){
          if (timerBusy==0){
                timerBusy=timerBusy1+1;
          //view timerUI
          document.getElementById("timerUI").style.display="inline";   
        }
        timerBusy--;
        //view timerBusy
        document.getElementById("_timerBusy").innerHTML=timerBusy;
        if (timerBusy<=0){
            timerExit();
            return;
        }
       }else{
          timerBusy=0;
       }
       window.setTimeout("timerTimeout()",1000);
    }
    
      function timerUser(){
        //让div消失
        timerIdle=0;
        document.getElementById("timerUI").style.display="none";
      }
    
      function timerExit()
      {
        //超时处理.这里可以写自己需要执行的方法...
        document.getElementById("_timerBusy").innerHTML="Timeout";
      }
      window.setTimeout("timerTimeout()",1000);
      function mouseMove(ev){
        ev= ev || window.event;
        timerUser();
        var mousePos = mouseCoords(ev);
      }
    
    
    function mouseCoords(ev){
      if(ev.pageX || ev.pageY){
        return {x:ev.pageX, y:ev.pageY};
      }
      return {
          x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
          y:ev.clientY + document.body.scrollTop - document.body.clientTop
      };
    }
    
      document.onmousemove = mouseMove;
      document.onkeydown = mouseMove;
    
    </script> 
     </head> 
     <body> 
      <div id="timerUI" style="position:absolute; left:30px; top:30px; font-size:20px;"> 
       <table width="300" border="0" cellspacing="0" cellpadding="0"> 
        <tbody>
         <tr> 
          <td nowrap="" align="right" id="_timerBusy" style=" font-size:36px; font-weight:bold; color:#FF0000;"></td> 
          <td nowrap="" align="left">&nbsp;秒后将退出系统</td> 
         </tr> 
         <tr> 
          <td nowrap="" align="right"></td> 
          <td nowrap="" align="right"></td> 
          <td nowrap="" align="left">&nbsp;如继续操作点任意键即可</td> 
         </tr> 
         <tr> 
          <td nowrap="" align="right"></td> 
          <td nowrap="" align="right"></td> 
          <td nowrap="" align="left">&nbsp;(系统检测到您长时间未进行任何操作,为保护您的信息安全将自动退出)</td> 
         </tr> 
        </tbody>
       </table> 
      </div>  
     </body>
    </html>
    
    
    展开全文
  • 页面长时间未操作关闭页面重新登录 直接上代码,可以直接复制在你要处理的页面,也可以写一个全局的js,让全部页面都监视有无操作迹象 这里的mouseover也可以换作click等其他事件 var lastTime = new Date().getTime()...

    页面长时间未操作关闭页面重新登录

    直接上代码,可以直接复制在你要处理的页面,也可以写一个全局的js,让全部页面都监视有无操作迹象

    这里的mouseover也可以换作click等其他事件

     var lastTime = new Date().getTime();
        var currentTime = new Date().getTime();
        var timeOut = 10 * 60 * 1000; //设置超时时间: 10分  第一个是几就是几分钟
        $(function(){
            /* 鼠标移动事件 */
            $(document).mouseover(function(){
                lastTime = new Date().getTime(); //更新操作时间
            });
        });
        function toLoginPage(){
            currentTime = new Date().getTime(); //更新当前时间
            if(currentTime - lastTime > timeOut){ //判断是否超时
                window.close();//关闭当前页
                window.parent.location.replace("http://localhost:8080/login2");//刷新父级页面;
            }
        }
        /* 定时器
         * 间隔1秒检测是否长时间未操作页面
         */
        window.setInterval(toLoginPage, 1000);
    
    展开全文
  • Vue判断用户长时间未操作

    千次阅读 2018-08-01 11:18:40
    < div id = "app" @ click ...//最后一次点击的时间 ...我这里判断的用户10分钟内用户点击,如果要绑定其他,也可以对”@click”进行修改绑定为其他事件,并修改”timeOut”的时间,单位为毫秒
    <template>
        <div id="app" @click="isDo()">  
            <router-view/>
        </div>
    </template>
    
    <script>
        export default {
            data() {
                return {
                    lastTime: null, //最后一次点击的时间
                    currentTime: null, //当前点击的时间
                    timeOut: 10 * 60 * 1000 //设置超时时间: 10分钟
                };
            },
            methods: {
                isDo() {
                    this.currentTime = new Date().getTime(); //记录这次点击的时间
                    if(this.currentTime - this.lastTime > this.timeOut) {  //判断上次最后一次点击的时间和这次点击的时间间隔是否大于10分钟
                        // 这里写状态已过期后执行的操作
                    } else {
                        this.lastTime = new Date().getTime(); //如果在10分钟内点击,则把这次点击的时间记录覆盖掉之前存的最后一次点击的时间
                    }
                }
            },
            created(){
                this.lastTime = new Date().getTime();   //网页第一次打开时,记录当前时间
            }
        }
    </script>

    我这里判断的用户10分钟内用户未点击,如果要绑定其他,也可以对”@click”进行修改绑定为其他事件,并修改”timeOut”的时间,单位为毫秒

    展开全文
  • 用户长时间未操作,请重新登录!

    千次阅读 2019-08-19 13:13:15
    思路:用户长时间没有操作,就是鼠标没有动,这个时候可以通过判断鼠标最后一次移动的时间和当前时间进行比较,如果超过设定时间则让它跳转到退出接口。 ...
  • // 在公用文件common.js中,声明一下代码: var lastTime = new Date().getTime(); var currentTime = new Date().getTime();... //设置超时时间: 15分 $(function(){ /* 鼠标移动事件 */ $(document).mo...
  • web页面长时间未操作自动退出登录

    万次阅读 2018-09-29 16:34:18
    var lastTime = new Date().getTime(); var currentTime = new Date().getTime(); var timeOut = 10 * 60 * 1000; //设置超时时间: 10分 $(function(){ /* 鼠标移动事件 */ $(...
  • 使用 mouseover 事件来监测是否有用户操作页面,写一个定时器间隔特定时间检测是否长时间未操作页面,如果是,退出; 具体时间代码如下(js):var lastTime = new Date().getTime(); var currentTime = new ...
  • * 鉴权用户停止操作时间是否超过20分钟 * * @return */ public String checkLastPostTime() { HttpSession session = ServletActionContext.getRequest().getSession(); Object attribute = session...
  • 使用 mouseover 事件来监测是否有用户操作页面,写一个定时器间隔特定时间检测是否长时间未操作页面,如果是,退出登陆,清除token,返回登录页 三、实现 【1】首先在util文件夹下创建一个astrict.js 每隔30s去...
  • 利用鼠标滑过事件的时间差进行操作判断,如果时间差大于给定的时间表明用户长时间没有操作,跳转到制定界面。 let currtentTime = new Date().getTime(), lastTime = new Date().getTime(), diff = 3000; ...
  • 近几年Web前端框架层出不穷,比如 ...现在,市场上对于前端开发的需求越来越大,我们经常听说前端开发入门难度低,但学习前端开发究竟需要多长时间呢?学多长时间就能找到工作赚到钱?结合了周边同事和自身的经验来谈
  • 这个问题好像和长时间不打开网页,报错lost connection是一个原因 问题: 写了一个基于apscheduler的定时任务,里面的任务使用了sqlalchemy,大致如下: scheduler.py # ... # 此处省略 import # 示例任务1 def ...
  • Springmvc中如何设置登录一个账号长时间不进行操作 就会自动跳出登录页面?
  • 问题所在: 首先这个问题是电脑内存不足,被回收了。导致所有的Tag页重新加载一次; 解决方案: 1、在Chrome浏览器输入chrome://flags/ 2、找到Disable site isolation这个选项 关闭这个选项即可;
  • Application.AddMessageFilter() 是截获本程序向系统发出的消息,和挂钩HOOK是不一样的 public Form1() { InitializeComponent(); MyMessager msg = new MyMessager(); Application.AddMessage
  • 开发服务器上有个项目,总是时不时的会出现加载时间特别的情况,有时4、5秒,有时11、12秒才能看到最终的页面,如图: 解决过程: 首先是百度,这么多年养成的习惯,没办法。百度上一搜,会出来各种关于...
  • 经过一系列的网页优化后,还把所有文章静态化展示,静态化后确实快了,因为没有再去请求后端获取数据了,再慢我只能说是服务器带宽不给力啊。 没静态化之前是用id去查询文章的,因为其他地方有文章外链所以方法还...
  • 本项目使用vue-cookies存储用户信息(vue-session同理),在检测到用户无操作5分钟后调用logout函数进行用户登出操作。 部分函数使用Element-UI的接口,如this.$confirm等。 // App.vue <template> <div ...
  • 由于这段时间比较匆忙,一直没来得及写博客,外加模块功能还不是很齐全~拖了好几个月哈哈。 下面言归正传、使用过易语言软件的童鞋,估计都听说过“填表”是啥玩意,其实就是通过WINDOWS API来获取到IE的对象接口,...
  • 为什么360浏览器,打开几个页面,然后不对电脑进行任何操作,等过很长时间之后,为什么内存占用会逐渐上升直到崩溃??表现为操作系统卡的不行,做什么都卡。
  • Python3网络爬虫基本操作(二):静态网页抓取

    千次阅读 多人点赞 2020-07-28 17:28:39
    Python3网络爬虫基本操作(二):静态网页抓取一.前言二.静态网页抓取1.安装Requests库2.获取网页相应内容3.定制Requests(1)Get请求(2)定制请求头(3)超时三.项目实践1.网站分析2.信息获取3.储存数据 一.前言 ...
  • 扫码登录操作过程 浏览器输入:https://wx.qq.com/?lang=zh_CN手机登录微信,利用“扫一扫”功能扫描网页上的二维码手机扫描成功后,提示“登录网页版微信”;网页上显示“成功扫描 请在手机点击确认以登录”手机端...
  • 参考链接:win10系统IE或Edge访问网页未响应或卡死现象: win10一切都正常,就是IE或者Edge浏览器访问网页、复制URL粘贴时容易假死、响应等各种情况,但如果是安装的第三方浏览器又能正常访问,接下来将尝试解决...
  • 【名称】:优爱酷批量长网页整页截图系统 【软件功能概述】: 优爱酷批量长网页整页截图系统软件是一款全球首创逐屏加载技术,智能实现自动滚动浏览器滚动条、逐屏加载页面、并将完整的整个网页保存为图片格式...
  • 谷歌浏览器测试网页加载时间

    万次阅读 2016-03-25 13:36:17
    2、然后随便打开一个网页,右击鼠标,选择检查,进入到如下页面: 3、点击右侧的 TimeLine,显示如下: 4、然后刷新左侧页面,就会在右边显示 加载时间,如下: 5、如果想测试当前网址 在相应的手机网络上 响应...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 206,808
精华内容 82,723
关键字:

网页长时间未操作