页面停留长时间不操作，一定时间退出系统

let lastTime = new Date().getTime()
let currentTime = new Date().getTime()
let timeOut = 30 * 60 * 1000  //设置超时时间: 30分钟window.onload = function () {//这里是检测鼠标点击事件，也可以是鼠标移动事件window.document.onmousedown = function () {sessionStorage.setItem("lastTime", new Date().getTime())}
};
function checkTimeout() {currentTime = new Date().getTime()        //更新当前时间lastTime = sessionStorage.getItem("lastTime");if (currentTime - lastTime > timeOut) { //判断是否超时// 清除storage的数据(登陆信息和token)sessionStorage.clear()localStorage.clear()//如果是登录页直接returnif(window.location.pathname == '/login') return// 跳到登陆页 window.location.replace(`/login`)window.clearInterval(timeOut1)}
}export default function () {/* 定时器 间隔1分钟检测是否长时间未操作页面 */let time = 1 * 60 * 1000 var timeOut1 = window.setInterval(checkTimeout, time);
}

在方法文件夹 utils，新建一个js文件，放上上述代码

在main.js引入一下像这样

import TimeOut from './utils/timeOut'TimeOut()

然后大功告成

页面停留长时间不操作，一定时间退出系统相关推荐

VUE实现长时间未操作退出登录
背景:在现在大多系统中,为了保障用户的安全,都会有固定时间未操作则自动退出登录的功能,这里根据我目前了解的内容大致实现一个简单的. 我的想法是这样,通过对定时器setTimeOut的使用,来进行倒计时 ...
原生js制作页面长时间未操作退出登录
昨天一个同事问我,进入到一个页面后,这个时候不进行任何操作,然后15分钟后就自动退出登录,这个功能怎么实现? 电脑进入待机状态原理说到这个问题,我觉得这个问题和电脑长时间未操作进入待机状态是一个 ...
php到期自动过期,PHP实现页面长时间无操作，自动过期函数
PHP实现页面长时间无操作,自动过期函数发布于 2015-01-13 19:55:41 | 878 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文名: Hypertex ...
页面长时间未操作，实现自动退出登录原理
项目场景: 页面长时间未操作的时候,会自动退出登录,并且提示你的登录已过期,需重新登录.那这个是怎么实现的呢? 两种方案第一种是完全由后端实现的,后台在servlet可以获取到session,可以设 ...
web 页面长时间未操作自动退出方法（自动退出登录）
web 页面自动超时自动退出方法思路: 使用 mouseover 事件来监测是否有用户操作页面,写一个定时器间隔特定时间检测是否长时间未操作页面,如果是,退出: 具体时间代码如下(js): var ...
怎样统计用户在当前页面停留的时间
页面停留时间(Time on Page)简称 Tp,是网站分析中很常见的一个指标,用于反映用户在某些页面上停留时间的长短,传统的Tp统计方法会存在一定的统计盲区,比如无法监控单页应用,没有考虑用户切换 ...
vue 上次登录时间_vue实现登录之后长时间未操作，退出登录
效果如下: vue实现用户登录系统之后,长时间未操作,提示登录超时,直接退出登录,跳转至登录页面. app.vue: import {mapActions } from 'vuex'; import ...
如何处理电脑长时间未操作出现的假死？
如何处理电脑长时间未操作出现的假死? 我们平时经常会遇到由于长时间未操作电脑,再使用时只有鼠标光标可以移动,桌面上的图标无法响应,包括任务栏的程序,那么我们应该怎么处理比较得当呢? 尝试使用光盘插拔动 ...
操作电脑时间长，眼睛疲劳怎么办？
长期坐在电脑前或者处于暖气环境下,人们往往会感到眼睛发涩.视力模糊,这都是眼睛干涩症的症状.根据您的情况看首先要注意作息时间,注意用眼时间,注意中间休息,尽量减少电脑近距离接触. 平时应当重视这一疾病 ...

页面停留长时间不操作，一定时间退出系统

页面停留长时间不操作，一定时间退出系统相关推荐

最新文章

热门文章