用户在界面停留，无操作时执行的函数

最新推荐文章于 2024-08-12 09:24:46 发布

JOJO丶

最新推荐文章于 2024-08-12 09:24:46 发布

阅读量159

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/Jesion_T/article/details/105048500

版权

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>

<body>
	<script>
		/*
			用户无操作时执行函数
			noOperation(10, function(){
				console.log("无操作10秒钟后执行");
				})
		*/
		function noOperation (wait_time, callBack) {
			var lastOperateTime = new Date();
			var SCREENSAVER_TIME = wait_time * 1000;

			function afterOperate() {
				var thisOperateTime = lastOperateTime = new Date();
				setTimeout(function () {
					if (thisOperateTime === lastOperateTime) {
						if (typeof callBack === "function") {
							callBack()
						} else {
							console.log("未定义回调函数！")
						}
					} else { }
				}, SCREENSAVER_TIME)
			};
			document.onmousedown = afterOperate;
			document.onscroll = afterOperate;
			document.onkeypress = afterOperate;
			afterOperate()
		}
	</script>
</body>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

JOJO丶

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用户在界面停留，无操作时执行的函数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&...
复制链接

扫一扫