Ajax实现页面无操作自动退出操作

当我们在浏览网站时，在一定时间在当前网站无任何操作，使用Ajax实现自动退出功能。

分析需求，用户无操作退出。如何友好的提示提示用户？如何做判定用户在一定时间没有任何操作？在js中我们可以通过鼠标按下移动事件，键盘事件等来进行判定。

<!-- 判断用户一段时间有无操作,若没有自动退出 -->
<script type="text/javascript">
    var maxTime = 600; // seconds
    var time = maxTime;
    $('body').on('keydown mousemove',function(e){
        time = maxTime; // reset
    });
    var intervalId = setInterval(function(){
        time--;
        if(time <= 0) {
            logout();
            clearInterval(intervalId);
        }
    },1000)
    function logout(){ //无效的登录信息 退出登录
     var out = 1; //设置一个虚拟值 发送ajax 请求logout方法
      $.ajax({  
	      url:"{:url('Login/logout')}",//发送Ajax请求
	      type:"post",data:{out:out},cache: false,processData: false,contentType: false,success:function(response){  
	            if(response.returnCode == 0){
	           	  layer.open({  
	              content: '登录超时 (600 秒未活动)，请重新登录。',btn: ['确认'],yes: function(index,layero) {  
	                  window.location.href="{:url('Login/login')}";  
	                },});
	      }
	      },});
   }
</script>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!