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)