[英]How to create the title alert effect like Facebook?
如何像facebook一樣創建閃爍的標題效果? 意味着,當您與某人聊天並收到新消息時,標題開始在原始標題和消息之間切換,通知用戶新消息的到達會產生閃爍效果。
AdrianoKF的解釋:
注意窗口標題在收到新聊天消息后在“Foo Bar的新消息”和常規消息之間循環。
碼:
(function () {
var original = document.title;
var timeout;
window.flashTitle = function (newMsg, howManyTimes) {
function step() {
document.title = (document.title == original) ? newMsg : original;
if (--howManyTimes > 0) {
timeout = setTimeout(step, 1000);
};
};
howManyTimes = parseInt(howManyTimes);
if (isNaN(howManyTimes)) {
howManyTimes = 5;
};
cancelFlashTitle(timeout);
step();
};
window.cancelFlashTitle = function () {
clearTimeout(timeout);
document.title = original;
};
}());
用法:
flashTitle("New Message from Matt Lunn");
... 要么...
flashTitle("New Message from John Smith", 10); // toggles it 10 times.
設置每隔幾秒切換標題的間隔。 未經測試的代碼:
function flashTitle(pageTitle, newMessageTitle)
{
if (document.title == pageTitle)
{
document.title = newMessageTitle;
}
else
{
document.title = pageTitle;
}
}
setInterval("flashTitle('Facebook', 'New message from John Doe!')", 800);
setInterval("var x='www.WHAK.com/Packer/',y='WHAK.com/Packer/',z=document;z.title=z.title==x?y:x",900);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.