完全由前端实现的超时时跳转到登录页(或其它页面)

news/2024/7/24 11:30:59 标签: 前端, session, 超时
var lastTime = new Date().getTime();
var currentTime = new Date().getTime();
var timeOut = 1*60*1000; //设置超时时间: 1分

// 鼠标移动事件
$(document).mousemove(function(){
    lastTime = new Date().getTime(); //更新操作时间
});

// 定时器 间隔1秒检测是否长时间未操作页面
window.setInterval(function(){
    currentTime = new Date().getTime(); //更新当前时间
    console.log("超时:"+(currentTime - lastTime));
    if(currentTime - lastTime > timeOut){ //判断是否超时
        alert("用户长时间未操作,请重新登录!");
        //可以直接在此调用退出登录接口直接退出登录,或使用window.location.href = 'XXXX'跳转到其它界面;
    }
}, 1000);

 


http://www.niftyadmin.cn/n/886788.html

相关文章

web实现断点续传

普通单文件上传&#xff1a; <!DOCTYPE html> <html lang"en"> <head> <meta charset"UTF-8"> <title>断点续传</title></head> <body> <div id"app"><input type"file" i…

ztree点击树节点前的展开图标分级加载下拉树

onExpand&#xff1a;用于捕获节点被展开的事件回调函数&#xff0c;这个是关键。 <ul id"share-to-department-modal-tree"></ul> var fileTreeSettingForShareToDept {check : {enable : true,chkboxType : {"Y" : "","N&…

理解 Go make 和 new 的区别

Go语言中new和make是内建的两个函数&#xff0c;主要用来创建分配类型内存。在我们定义生成变量的时候&#xff0c;可能会觉得有点迷惑&#xff0c;其实他们的规则很简单&#xff0c;下面我们就通过一些示例说明他们的区别和使用。 变量的声明 var i int var s string变量的声…

怎么理解vue中$listeners属性?

首先&#xff0c;$listeners是什么&#xff1f; 假设有父组件Parent和子组件Child // Parent <template>...<child v-on:event-one"methodOne" v-on:event-two"methodTwo" />... </template> 那么你在使用Child时&#xff0c;传入的所…

vue实例之组件开发:图片轮播组件

一、普通方式&#xff1a; 其中&#xff0c;index是关键。 <!DOCTYPE html> <html lang"en"> <head> <meta charset"UTF-8"> <style> html, body{margin: 0;padding: 0; } .photo-player{width: 456px;height: 670px;over…

vue实例之组件开发:多标签切换组件/tabs切换组件

一、自定义方式&#xff1a; 定义组件Tabs.vue <template><div class"tabs"><button v-for"(tab, key) in tabs" :key"key" click"indexkey" :class"{active: keyindex}">{{tab}}</button><ul…

go 切片及其基本操作

1.1切片 Go中常用的数据结构是切片&#xff0c;即动态数组&#xff0c;其长度并不固定&#xff0c;我们可以向切片中追加元素&#xff0c;它会在容量不足时自动扩容。 在 Go 语言中&#xff0c;切片类型的声明方式与数组有一些相似&#xff0c;不过由于切片的长度是动态的&am…

vue插件开发的两种方法:以通知插件toastr为例

方法一&#xff1a; 1、写插件&#xff1a; 在 src 文件夹下面建 lib 文件夹用于存放插件&#xff0c;lib 文件夹下再建toastr文件夹&#xff0c;在toastr文件夹下新建 toastr.js 和 toastr.vue两个文件。整个项目目录如下所示&#xff1a; toastr.vue 的内容如下&#xff1a…