关闭

html5解决登录超时

860人阅读 评论(0) 收藏 举报
分类:

安全测试,要求应用在用户30分钟内不使用的情况下,就让用户重新登录。


首先在登录页面,在登录的方法里面加上这一句

var date_1 = (new Date()).valueOf();//当前的时间戳。

localStorage.setItem("loginTime", date_1);//然后把当前的时间戳存储起来

然后新建一个js文件,在js文件里新建一个function

function checkLoginTime(){
        var loginTime =localStorage.getItem("loginTime");// 把登录时保存的时间戳取出来      

 var now = (new Date()).valueOf();//得到当前的时间戳

        if(now-loginTime>1800000){//将两个时间戳相减,得到的是毫秒,如果超过1800000毫秒,也就是30分钟,就把登录时保存的用户信息清空
       localStorage.setItem("userid","");
       localStorage.setItem("auth","");
        localStorage.setItem("userinfo","");
        localStorage.setItem("logined",0);
        return false;
            }else{
                return true;
            }
}


最后在页面里引入js文件

代码如下:

var isLogout = checkLoginTime();//执行js文件里面的方法
            if(isLogout==false){//登录超时
                window.open("你的登录界面");
               window.close();//关闭当前的界面
                return;
            }
            var currentTime = (new Date()).valueOf();//用户操作了当前的页面,也就是在离开这个页面后再间隔30分钟,所以需要重新设置当前的时间戳
            localStorage.setItem("loginTime",currentTime);

这样基本实现了登录超时的功能。

0
0
查看评论

JS实现页面超时后自动跳转到登陆页面

JS实现页面超时后自动跳转到登陆页面  终有那么一天  2015-01-19  162 查看  0评论 原文 添加收藏 JS代码: [js] view ...
  • jfkidear
  • jfkidear
  • 2015-08-31 13:43
  • 1797

JS 控制页面超时后自动跳转到登陆页面

JS 控制页面超时后自动跳转到登陆页面 博客分类:  JavaScript JavaScriptJSP  Js代码   "font-size: small;">"jav...
  • jfkidear
  • jfkidear
  • 2015-08-29 17:50
  • 1183

JS实现超时跳转页面

第一次写博客,是一个自己写的js小程序。要求是不操作页面的时间超过60秒就跳转到屏保页面,如果中间有操作就重新从60秒开始计时。用了一个系统函数setInterval()去实现。
  • u014391912
  • u014391912
  • 2016-04-06 14:48
  • 949

html5页面简单判断当前有无网络

JavaScript Window Navigator onLine 简介: 判断当前网络是否有用法也是相当地简单: if (navigator.onLine) { alert('online'); } else { alert('offline&#...
  • junoohoome
  • junoohoome
  • 2016-07-07 11:56
  • 4602

APP操作超时,重新登录

这个功能描述的是长时间不操作后,重新登录。实现这个功能需要两步操作: 1.获取activity的Ui触摸操作 2.定义超时时间(此处用handle.postdely能不开线程就不开线程)
  • zhixun2012
  • zhixun2012
  • 2017-04-17 09:24
  • 675

HTML时间戳和日期之间的相互转化

一、时间戳转化成日期 这个很简单,只要在new Date()里传时间戳过去就可以了,然后还可以得到相应的日期,例: Date对象 var date = new Date(1398250549123); //传个时间戳过去就可以了 Y = date.getFullYear...
  • chen_gp_x
  • chen_gp_x
  • 2017-03-24 16:33
  • 3957

HTML5日期输入类型(date)

在很多页面和web应用中都有输入日期和时间的地方,最典型的是订飞机票,火车票,酒店,批萨等网站。 在HTML5之前,对于这样的页面需求,最常见的方案是用Javascript日期选择组件。这几乎是无可争议、别无选择的做法。你可以在搜寻一下“javascript 日期选择框”,会发现有无数的可选择...
  • hsany330
  • hsany330
  • 2016-11-30 21:26
  • 2915

Apache Shiro会话超时,登录页面跳转到父窗体的解决方法

问题1: 在使用Apache Shiro框架做权限验证时,因为我的页面是使用iframe做了一个上左右的分层,上面上log,左侧是菜单,具体的内容则显示在右侧。 当我点击某菜单,此时如果会话超时了,则登录页面只会显示到右侧区域,看起来不是很友好,所以需要登录页面显示到整个浏览器。 解决...
  • zhangfeng2124
  • zhangfeng2124
  • 2017-07-25 11:28
  • 1766

html5解决登录超时

安全测试,要求应用在用户30分钟内不使用的情况下,就让用户重新登录。 首先在登录页面,在登录的方法里面加上这一句 var date_1 = (new Date()).valueOf();//当前的时间戳。 localStorage.setItem("loginTime", ...
  • BraveHeart568
  • BraveHeart568
  • 2016-06-02 09:27
  • 860

JS之Session超时提示代码

  • 2012-12-14 13:51
  • 1KB
  • 下载
    个人资料
    • 访问:13293次
    • 积分:349
    • 等级:
    • 排名:千里之外
    • 原创:20篇
    • 转载:4篇
    • 译文:0篇
    • 评论:1条
    文章分类