当收到新消息且选项卡处于非活动状态时,使标题反弹的最佳方法是什么?

这就是我最后要做的。

function changeTitle() {
    i++;
    if(i%2) {
        document.title = 'New message on mysite!';
    }
    else {
        document.title = 'MySite | Chat';
    }
    if(!hasFocus) {
        titleCurrentlyChanging = true;
        setTimeout('changeTitle()',1000);
    }
    else {
        titleCurrentlyChanging = false;
        i=0;
        document.title = 'MySite | Chat';
    }
}

在addMessage()函数中,当接收到新消息时调用该函数:

if(!hasFocus && !titleCurrentlyChanging) {
    changeTitle();
}

var i = 0;
var titleCurrentlyChanging = false;

var hasFocus = true;
$(window).bind("blur", function() { 
    hasFocus = false;
});
$(window).bind("focus", function() {
    hasFocus = true;
    document.title = 'MySite | Chat'; 
});

在我的脑海里我能想到三个:

1. Firefox的更好的gReader插件实际上改变了标签的favicon以显示未读文章。看看这个问题: Changing website favicon dynamically
2. 新的Meta SO chat在标题前面添加了一个(*)。这有点让人想起IDE,IDE用一个星号来通知用户未保存的文件
3. 和 对时间敏感(如聊天)您可能需要播放一个小声音来提醒用户新消息