js監聽滑鼠移動,滑鼠沒有移動超時清楚cookie
阿新 • • 發佈:2019-01-23
<!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>