flash favicon 앞뒤로

Question

나는 매주마다 2 .ico 사이의 앞뒤로 favicon을 플래시하는 코드를 실행하려고합니다. 지금까지이 코드를 한 번 변경했지만 다시는 변경하지 않습니다.

var favUrl = "favicon.ico"; 
var flashFavIco = function() { 
    if(favUrl == "favicon.ico") { 
     favUrl = "favicon-white.ico"; 
    } else { 
     favUrl = "favicon.ico"; 
    } 
    console.log(favUrl); 
    var link = document.createElement('link'); 
    link.type = 'image/x-icon'; 
    link.rel = 'shortcut icon'; 
    link.href = 'http://www.mysite.com/' + favUrl; 
    document.getElementsByTagName('head')[0].appendChild(link); 
}; 
setInterval(flashFavIco, 1000); 

난 favURL 그것이 실제로 있던, 매초마다 설정되는 것을 확인하기 위해/IF 다른 섹션들 console.log() 추가 테스트 하였다. 그래서 나는 favicon이 한 번만 변하는 이유에 대해 좀 더 고집합니다. 이 문제가 브라우저 문제입니까?

편집 : 나는이 계속 머리에 새 <link ... 태그를 추가 깨닫는다, 나는 appendChild 부분은 다르게, 이것이 내가의 일부를 쓴 다시

Answer 1

내 원래의 질문에 영향을주지 않습니다 서면에서 일하고 있어요 그것과 지금 그것을 작동 시키십시오;

var favUrl = "favicon.ico"; 
var link = document.createElement('link'); 
    link.type = 'image/x-icon'; 
    link.rel = 'shortcut icon'; 
    link.href = 'http://www.mysite.com/' + favUrl; 
    link.id = "favico"; 
document.getElementsByTagName('head')[0].appendChild(link); 

var flashFavIco = function() { 
    if(favUrl == "favicon.ico") { 
     favUrl = "favicon-white.ico"; 
    } else { 
     favUrl = "favicon.ico"; 
    } 
    $('#favico').prop('href', 'http://www.mysite.com/' + favUrl); 
}; 
setInterval(flashFavIco, 1000); 

Answer 2

당신을 위해 그것을 썼습니다.

// Edit these 
var faviconNormal = "/faviconNormal.ico"; 
var faviconActive = "/faviconActive.ico"; 
var faviconID = "#myfavicon"; // CSS selector for your <link> element 

// Declarations 
var faviconElement = document.querySelector(faviconID); 
var faviconIsActive = false; 

function flashFavicon() { 
    if (faviconIsActive == false) { 
     changeFavicon(faviconActive); 
     faviconIsActive = true; 
    } 
    else { 
     changeFavicon(faviconNormal); 
     faviconIsActive = false; 
    } 
} 

function changeFavicon(src) { 
    faviconElement.href = src; 
} 

// Run 
var initFlashing = setInterval(flashFavicon, 1000);