iframe 内的 setTimeout，焦点丢失时的问题

Question

我有一个带有简单 setTimeout 内容的 iframe：

function load()
{
    setTimeout("reloadContent()", 8000);
}

function reloadContent()
{
    $('#somecontent').doSomething();
    load();
}

$(document).ready(function() 
{
    reloadContent();
});

当我失去对父窗口的焦点（即移动到另一个程序或另一个选项卡）时，问题就出现了。似乎它以某种方式堆叠了必须重新加载内容的次数，然后当我重新获得焦点时，它会毫无延迟地执行所有操作。

当我使用jQuery 1.6.2时，此代码会失败，但它可以与jQuery 1.3.2一起使用。我缺少什么？关于窗口/父级/iframe 模糊/焦点增益/损失有什么重要的信息需要了解吗？有什么提示或技巧吗？

谢谢！

Answer 1

您需要监视页面上的 onblur 和 onfocus 事件..

    window.addEventListener('focus', function() {
        timeoutVarName = setTimeout(...,8000);
    });

    window.addEventListener('blur', function() {
        clearTimeout(timeoutVarName);
    });

您可以使用以下命令执行相同的操作：

window.onblur = function(){
    ...
};

window.onfocus = function(){
    ...
};

但这在 google chrome 中不起作用:)

Answer 2

尝试 http://www.eslinstructor.net/smartupdater3/ 中的 Smartupdater 3 并可能使用 div 和不是 iframe。

你必须使用 jQuery