How to create the title alert effect like Facebook?
Code:
(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;};}());
Usage:
flashTitle("New Message from Matt Lunn");
... or...
flashTitle("New Message from John Smith", 10); // toggles it 10 times.
Set an interval that switches the title every few seconds. Untested code:
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);