Изменяем favicon

var favicon = { defaultPause: 2000, change: function(iconURL, optionalDocTitle) { clearTimeout(this.loopTimer); if (optionalDocTitle) { document.title = optionalDocTitle; } this.addLink(iconURL, true); }, animate: function(iconSequence, optionalDelay) { this.preloadIcons(iconSequence); this.iconSequence = iconSequence; this.sequencePause = (optionalDelay) ? optionalDelay : this.defaultPause; favicon.index = 0; favicon.change(iconSequence[0]); this.loopTimer = setInterval(function() { favicon.index = (favicon.index+1) % favicon.iconSequence.length; favicon.addLink(favicon.iconSequence[favicon.index], false); }, favicon.sequencePause); }, loopTimer: null, preloadIcons: function(iconSequence) { var dummyImageForPreloading = document.createElement("img"); for (var i=0; i<iconSequence.length; i++) { dummyImageForPreloading.src = iconSequence[i]; } }, addLink: function(iconURL) { var link = document.createElement("link"); link.type = "image/x-icon"; link.rel = "shortcut icon"; link.href = iconURL; this.removeLinkIfExists(); this.docHead.appendChild(link); }, removeLinkIfExists: function() { var links = this.docHead.getElementsByTagName("link"); for (var i=0; i<links.length; i++) { var link = links[i]; if (link.type=="image/x-icon" && link.rel=="shortcut icon") { this.docHead.removeChild(link); return; } } }, docHead:document.getElementsByTagName("head")[0] }

Используем следующим образом

favicon.change("/icon/active.ico"); //Может быть второй аргумент - title. favicon.animate(new Array("icon1.ico", "icon2.ico", ...)); // для пустого favicon необходимо писать "" // Чтобы остановить анимацию, надо вызвать change() с новым аргументом favicon.defaultPause = 5000; // пауза при анимации, в миллисекундах

Ссылка на оригинал