不活动时停止 UpdatePanel

Question

您好，我想执行以下操作：

当浏览器处于非活动状态时，使用 JavaScript 停止更新面板“更新”，并在浏览器再次活动后重新启动。 我正在查看：Inacivity with JavaScript。 我希望我能用它来完成我想要的事情； 有人能指出我正确的方向吗？ 非常感谢！

[编辑] 我正在使用计时器进行更新，因此如果我可以以某种方式从 JavaScript 禁用计时器，我想我可以做到这一点。

Answer 1

我建议阅读这本书：http://oreilly.com/catalog/9780596527471/。 它告诉您需要了解的有关 ASP.NET AJAX UpdatePanel 控件的所有信息。 有关 API 文档，请访问：http://msdn.microsoft.com/nb-no/library/ bb311028(en-us).aspx。

Answer 2

如何利用当前窗口对象的“mousemove”事件？
如果鼠标已移动，请将计时器设置为 1 分钟左右，然后停用事件。
使用 setInterval() 重复此循环。

如果用户小睡了一段时间，这也会有所帮助。

Answer 3

window.blur = function() { stopTimer() }
window.focus = function() { startTimer() }

浏览器兼容性可能适用。 希望这可以帮助。

Answer 4

我在这里找到了一个潜在的解决方案： http://www.thefutureoftheweb.com/blog /detect-browser-window-focus

我现在只有 IE8 可以测试，它有几个问题。 首先，单击页面上的各个元素将触发 focusin 事件，因此您需要一种方法来检查计时器是否已经在运行。 这并不太难。 当您点击时，ie8 还会触发 focusout 事件，因此我们必须延迟实际的计时器停止，以确保窗口实际上没有焦点。 幸运的是，当您点击页面时，ie8 似乎总是在 focusout 之后立即触发 focusin，因此我们可以取消 focusin 上待处理的计时器关闭> 处理程序。

我认为这应该非常接近一个可行的解决方案。 （改编自链接）

// indicates if your refresh timer is running
var updatePanelTimerRunning = true;

// timer id for shutdown procedure
var killTimerID = -1;

function stopTimer(e) {
    // prepare to shutdown
    if (updatePanelTimerRunning && killTimerID == -1) {
        killTimerID = setTimeout(timerShutdown, 1000);
    }
}

function startTimer(e) {

    // cancel pending timer shutdown
    clearTimeout(killTimerID);
    killTimerID = -1;

    if (!updatePanelTimerRunning) {
        // TODO start the update panel refresh timer here
        updatePanelTimerRunning = true;
    }
}

function timerShutdown() {
    // TODO do actual update panel timer stopping here.
    updatePanelTimerRunning = false;
}


if (/*@cc_on ! @*/ false) { // check for Internet Explorer

    document.attachEvent('onfocusin', startTimer);
    document.attachEvent('onfocusout', stopTimer);
}
else {
    // window.onfocus = stopTimer;
    // window.onblur = startTimer;

    window.addEventListener('focus', startTimer, false);
    window.addEventListener('blur', stopTimer, false);
}

Answer 5

在 head 事件中添加此脚本，

<script type ="text/javascript">
    var timerEnabled = true;

    function ToggleTimer(btn, timerID)
    {
        // Toggle the timer enabled state
        timerEnabled = !timerEnabled;

        // Get a reference to the Timer
        var timer = $find(timerID);
        if (timerEnabled)
        { 
            btn.value = 'Pause';
            // Start timer
            timer._startTimer();
        }
        else
        {
            btn.value = 'Resume'; 
            // Stop timer
            timer._stopTimer();
        }            
    }
</script>

在更新面板内添加一个 asp.net 标签控件用于测试

<asp:Label Id="Label1" Text="" runat="server" />

在更新面板外添加一个 html 按钮

<input type="button" id="btntimercontroller" value="Pause" onclick="return ToggleTimer(btntimercontroller, '<%= ajaxtimer.ClientID%>');" />

以检查计时器是否停止在 aspx.cs 文件中添加此代码

protected void Page_Load(object sender, EventArgs e)
{       
    Label1.Text = DateTime.Now.ToLongTimeString();    
}

只需省略 (") 标记在脚本中，因为它会导致错误......