php - 如果在页面上未找到任何活动，则自动注销

Question

我想做一个脚本，它可以自动检查用户是否在屏幕页面上执行某些活动。如果 1 分钟内没有收到任何活动，那么我想提醒他询问空闲的原因。我认为这可以在 jquery/javascript 和 php 中完成。有人可以给我任何东西，以便我可以实现我的梦想。

如果他没有点击任何项目，则在总共 1 分钟后自动注销。

Answer 1

• 设置一个变量来指示用户活动，最初为 false
• 设置一个表示当前时间的变量
• 设置文档范围的单击处理程序，以在用户单击页面中的任何位置时将用户活动设置为 true
• 设置一个侦听器函数，使用setTimeout, 来检查过去的时间和第一个变量。如果为真，则取消收听，否则如果过去时间 < 一分钟，则继续收听，如果时间过去 > 1 分钟，则提醒用户并采取行动

有关此算法的 q&d 示例，请参见此 jsfiddle

祝你好运！

Answer 2

空闲插件

这个插件可以解决问题

<!-- dialog window markup -->
<div id="dialog" title="Your session is about to expire!">
   <p>You will be logged off in <span id="dialog-countdown"></span> seconds.</p>
   <p>Do you want to continue your session?</p>
</div>



// setup the dialog
$("#dialog").dialog({
 autoOpen: false,
 modal: true,
 width: 400,
 height: 200,
 closeOnEscape: false,
 draggable: false,
 resizable: false,
 buttons: {
    'Yes, Keep Working': function(){
        // Just close the dialog. We pass a reference to this
        // button during the init of the script, so it'll automatically
        // resume once clicked
        $(this).dialog('close');
    },
    'No, Logoff': function(){
        // fire whatever the configured onTimeout callback is.
        $.idleTimeout.options.onTimeout.call(this);
    }
 }
});

// start the plugin
$.idleTimeout('#dialog', 'div.ui-dialog-buttonpane button:first', {
idleAfter: 300, // user is considered idle after 5 minutes of no movement
pollingInterval: 60, // a request to keepalive.php (below) will be sent to the server every minute
keepAliveURL: 'keepalive.php',
serverResponseEquals: 'OK', // the response from keepalive.php must equal the text "OK"
onTimeout: function(){

    // redirect the user when they timeout.
    window.location = "timeout.htm";

},
onIdle: function(){

    // show the dialog when the user idles
    $(this).dialog("open");

},
onCountdown: function(counter){

    // update the counter span inside the dialog during each second of the countdown
    $("#dialog-countdown").html(counter);

},
onResume: function(){

    // the dialog is closed by a button in the dialog
    // no need to do anything else

}
});

并使用ajax您可以将请求发送到服务器以关闭会话

Answer 3

您必须在 body 标记上添加不同的事件处理程序以确定用户是否处于非活动状态。我认为 onmousemove、oncllick 和 onkeypress 事件就足够了。

• 您应该启动一个计时器，当它达到特定时间时，您只需转到注销 URL
• 实现提到的事件处理程序。在他们里面重置计时器。

这会做。