背景：由于单点登录后，一直在本系统操作，可是门户体统的会话失效时间有30分钟，所以30分钟后，需要重新登录系统才可以进行操作。

方法：想过在本系统中的每个操作都先跟门户系统进行交互，渠道refreshToken,可是感觉任何一个操作都去请求refreshToken,会给系统带来问题，所以干脆就写一个JS来处理该问题。

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Js实现倒计时效果</title>

<script language="javascript"> 

var timeLeft =  *  * ;//这里设定的时间是90秒

function countTime(){

    if(timeLeft == ){//这里就是时间到了之后应该执行的动作了，这里只是弹了一个警告框

        var msg = "门户系统会话失效，需要重新登录，请确认？";

            if (confirm(msg)==true){

               var logoutUrl = "./oauthLogout.do";

               window.location.replace(logoutUrl);//页面刷新

               return;

            }else{

               timeLeft =  *  * ;//这里设定的时间是90秒

            }

    }

    var startMinutes = parseInt(timeLeft / ( * ), );

    var startSec = parseInt((timeLeft - startMinutes *  * )/);

    document.getElementById('show').innerHTML = "剩余时间：" + startMinutes + "分钟" + startSec + "秒";

    timeLeft = timeLeft - ;

    setTimeout('countTime()',);

} 

</script>

</head> 

<body onload="countTime()">

<div id="show"></div>

</body>

</html>

以上是例子，可以根据情况，稍作修改就可以解决相关问题了。

如果这篇文章对您有所帮助，请随便打赏一下作为鼓励，我会再接再厉的！！！

JS实现倒计时效果，并退出系统的更多相关文章

  1. 二、JavaScript语言--JS实践--倒计时效果

    主要内容:分析不同倒计时效果的计算思路及方法,掌握日期对象Date,获取时间的方法,计算时差的方法,实现不同的倒时计效果. Javascript 日期对象: Date()返回当前的日期和时间 getY ...

  2. js实现倒计时效果

    <!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/htm ...

  3. (转)js实现倒计时效果(年月日时分秒)

    原文链接:http://mengqing.org/archives/js-countdown.html 之前做的活动页面很多都用到了倒计时功能,所以整理下下次直接用.(用的是张鑫旭写的一个倒计时,稍作 ...

  4. js 实现倒计时效果

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  5. js日期倒计时效果

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. js制作倒计时效果

    该程序可以计算任意指定的两个日期中间的差值. 本例子的指定日期是2017年1月1日,当前时间是2016年10月21日:计算它们之间的差值,在网页上显示如图所示: 关键部分代码: var nowtime ...

  7. js 验证码倒计时效果

    function settime(obj) { if(second == 0){ obj.removeAttribute("disabled"); obj.value=" ...

  8. 用js实现倒计时效果

    首先获得两个时间的时间戳 var newdate = new Date('2021-01-22 21:25:00').getTime(); var olddate = new Date().getTi ...

  9. js实现倒计时及时间对象

    JS实现倒计时效果代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> ...

随机推荐

  1. Python3实战——爬虫入门

    一.安装库 使用conda安装: conda install requests 如果出现解析环境问题,需要激活conda环境: https://www.cnblogs.com/jdemarryme/p ...

  2. 算法习题---5.9数据库（Uva1592）

    一:题目 对数据库中数据进行检测,是否出现数据冗余现象.即是否某一列出现两个及以上数据重复 如上图中,第二列中第2,3行数据重复,所以我们判断为数据冗余.因为他可以分解为下面两张表 (一)样例输入 H ...

  3. 报错 react-hot-loader

    ./node_modules/element-react/dist/npm/es5/libs/animate/index.js Module not found: Can't resolve 'rea ...

  4. layer实现鼠标悬浮效果

    ; $(document).on('mouseenter', '.layer_hover', function(){ var words = $(this).data('words'); tip_in ...

  5. 《MySQL必知必会》学习笔记——附录B 样例表

    附录B 样例表 本附录简要描述本书中所用的表及它们的用途. 编写SQL语句需要对基础数据库的设计有良好的理解.不知道什么信息存储在什么表中,表之间如何关联以及行内数据如何分解,是不可能编写出高效的SQ ...

  6. 【Leetcode_easy】836. Rectangle Overlap

    problem 836. Rectangle Overlap solution: class Solution { public: bool isRectangleOverlap(vector< ...

  7. 【ARTS】01_43_左耳听风-201900902~201900908

    ARTS: Algrothm: leetcode算法题目 Review: 阅读并且点评一篇英文技术文章 Tip/Techni: 学习一个技术技巧 Share: 分享一篇有观点和思考的技术文章 Algo ...

  8. Java基础教程：多线程杂谈——Volatile

    Java基础教程:多线程杂谈——Volatile 引入Volatile Java语言提供了一种稍弱的同步机制,即Volatile变量,用来确保将变量的更新操作通知到其他线程.当把变量声明为Volati ...

  9. adb（Andorid Debug Bridge）安装和使用

    以下是adb工具包最新2017Google官方版下载地址: ADB和Fastboot for Windows https://dl.google.com/android/repository/plat ...

  10. Mathtype安装与最简破解

    1.MathType资源 链接: https://pan.baidu.com/s/1UapJCcfU7Me_rIWdAe5nfw   提取码:   1y9i 2.破解 我之前的30天试用期过了,没来得 ...