如何使标题闪烁直到它变得活跃与jQuery?

Ben*_*ier 4 html javascript jquery notifications blink

我有一个javascript聊天.当用户收到消息时,我希望标题闪烁直到它变为活动状态.(比如Gmail Talk)

例如:

  • 您在另一个标签中.标题是My website
  • 有人跟你说话.标题在My website和之间眨眼User says: bla bla
  • 所以你点击标签,现在标题是 My website

我怎样才能使用jQuery实现这一目标?


到目前为止我尝试了什么:(闪烁永不停止播放)

var isOldTitle = true;
var oldTitle = "oldTitle";
var newTitle = "newTitle";
function changeTitle() {
     document.title = isOldTitle ? oldTitle : newTitle;
     isOldTitle = !isOldTitle;
     setTimeout(changeTitle, 700);
}
changeTitle();
Run Code Online (Sandbox Code Playgroud)

Ben*_*ier 19

完整解决方案

var isOldTitle = true;
var oldTitle = "oldTitle";
var newTitle = "newTitle";
var interval = null;
function changeTitle() {
    document.title = isOldTitle ? oldTitle : newTitle;
    isOldTitle = !isOldTitle;
}
interval = setInterval(changeTitle, 700);

$(window).focus(function () {
    clearInterval(interval);
    $("title").text(oldTitle);
});
Run Code Online (Sandbox Code Playgroud)