网页长时间不操作自动回到登陆页面

最新推荐文章于 2024-07-04 15:00:00 发布

BruceCheng夏夏

最新推荐文章于 2024-07-04 15:00:00 发布

阅读量1.3w

点赞数 4

分类专栏： HTML5实战开发文章标签： session 网页超时

本文链接：https://blog.csdn.net/brucecheng22/article/details/78284084

版权

HTML5实战开发专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body id="1">

		123412
	</body>

</html>
<script src="mui-master/examples/hello-mui/js/jquery-2.0.3.min.js"></script>
<script type="text/javascript">
	var maxTime = 5; // seconds
	var time = maxTime;

	document.body.addEventListener("mousemove", function() {
		time = maxTime; // reset
	}, false);

	var intervalId = setInterval(function() {
		time--;
		if(time <= 0) {
			ShowInvalidLoginMessage();
			clearInterval(intervalId);
		}
	}, 1000)

	function ShowInvalidLoginMessage() {
		// 清除sessionstorage中的登录ID
		// 退到登陆界面
		window.localStorage.removeItem("loguserId");
		window.location.href="login.html";
	}
</script>