JS实现倒计时效果,并退出系统

本文介绍了一种使用JavaScript实现的倒计时功能,可在门户系统会话即将失效前,提醒用户并引导其重新登录,避免因会话超时导致的操作中断。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

背景:由于单点登录后,一直在本系统操作,可是门户体统的会话失效时间有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 = 1 * 3 * 1000;//这里设定的时间是90秒 
function countTime(){ 
    if(timeLeft == 0){//这里就是时间到了之后应该执行的动作了,这里只是弹了一个警告框 
        var msg = "门户系统会话失效,需要重新登录,请确认?"; 
            if (confirm(msg)==true){ 
               var logoutUrl = "./oauthLogout.do";
               window.location.replace(logoutUrl);//页面刷新
               return; 
            }else{
               timeLeft = 1 * 3 * 1000;//这里设定的时间是90秒
            } 
    } 
    var startMinutes = parseInt(timeLeft / (60 * 1000), 10); 
    var startSec = parseInt((timeLeft - startMinutes * 60 * 1000)/1000); 
    document.getElementById('show').innerHTML = "剩余时间:" + startMinutes + "分钟" + startSec + ""; 
    timeLeft = timeLeft - 1000; 
    setTimeout('countTime()',1000); 
} 

</script> 
</head> 

<body onload="countTime()"> 
<div id="show"></div> 
</body> 
</html>

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

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

转载于:https://www.cnblogs.com/zhangliang88/p/11275609.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值