1. 程式人生 > >js監聽滑鼠移動,滑鼠沒有移動超時清楚cookie

js監聽滑鼠移動,滑鼠沒有移動超時清楚cookie

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
</head>
<body>
	<script type="text/javascript">
		
		//監聽滑鼠,滑鼠沒有移動超過3秒,清楚cookie。
		document.onmousemove = function() {
			window.lastMove = new Date().getTime();
		}
		window.lastMove = new Date().getTime();
		window.setInterval(function() {
			var now = new Date().getTime();
			if(now - lastMove > 3000) {
				clearCookie('jj');
			}
		}, 1000)
		
		//設定cookie
		function setC() {
			setCookie('jj', '123456', '1');
		}
		
		//獲取cookie
		function getC() {
			alert(getCookie('jj'));
		}
 
		//清楚cookie
		function delC() {
			clearCookie('jj');
		}
		//cname 名字
		//cvalue 值
		//exdays 時間            0.01大概25分鐘
		function setCookie(cname, cvalue, exdays) {
			var d = new Date();
			d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
			var expires = "expires=" + d.toUTCString();
			document.cookie = cname + "=" + cvalue + "; " + expires + "; path=/"; //這個很重要代表在那個層級下可以訪問cookie
 
		}
 
		//獲取cookie
		function getCookie(cname) {
			var name = cname + "=";
			var ca = document.cookie.split(';');
			for(var i = 0; i < ca.length; i++) {
				var c = ca[i];
				while(c.charAt(0) == ' ') c = c.substring(1);
				if(c.indexOf(name) != -1) return c.substring(name.length, c.length);
			}
			return "";
		}
 
		//刪除 cookie
		function clearCookie(name) {
			setCookie(name, "", -1);
		}
	</script>
	<input type="button" name="" value="設定cookie" onclick="setC()">
	<input type="button" name="" value="獲取cookie" onclick="getC()">
	<input type="button" name="" value="刪除cookie" onclick="delC()">
</body>
</html>