jquery实现指定时间无操作退出返回首页

最新推荐文章于 2026-06-14 12:43:12 发布

原创最新推荐文章于 2026-06-14 12:43:12 发布 · 2.3k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Javascript 同时被 2 个专栏收录

62 篇文章

订阅专栏

jQuery

40 篇文章

订阅专栏

本文介绍了一个JavaScript实现的简单机制，用于监测用户在页面上的活动状态。当用户在设定的时间段内未进行任何操作时，将自动执行退出操作并跳转到首页。此功能通过记录最后一次点击时间和持续监测当前时间与该时间之间的间隔来实现。

var monitor_plus = {
		click_time : new Date(),
		leave : 60,
		goUrl : "",
		container : "",
		init : function(timeSpan, url, container) {
			this.leave = timeSpan;
			this.goUrl = url;
			this.container = container;
			this.counter();
		},
		counter : function() {
			var now = new Date();
			var span = parseInt(now - this.click_time) / 1000;
			if (span > this.leave) {
				logout();//退出返回首页
			} else {
				setTimeout('monitor_plus.counter()', 1000);
			}
			if (this.container) {
				var second = this.leave - Math.ceil(span);
				$("#" + this.container).html(second);
			}
		},
		update : function() {
			this.click_time = new Date();
		}
	}

	$(document).ready(function() {
		$("body").click(function(event) {
			monitor_plus.update();
		});
		
		var djTime = 10*60;//10分钟无操作自动退出，并跳转首页
		monitor_plus.init(djTime,'','showMonitorTime');
	});