Faviconを点滅させて別タブにいるユーザーになんかをお知らせする

function blinkFavicon(blinkTime){
  if(blinkTime === undefined) blinkTime = 500;
  var blink = false;
  setInterval(function(){
    $('#favicon').remove();
    if (blink){
      blink = false;
      $('meta:last').after($(document.createElement('link')).attr('id', 'favicon').attr('rel', 'shortcut icon').attr('href', 'faviconのある場所'));
    } else {
      blink = true;
      $('meta:last').after($(document.createElement('link')).attr('id', 'favicon').attr('rel', 'shortcut icon').attr('href', 'faviconのある場所その2'));
    }
  }, blinkTime);
}

必要なもの
・jQuery
・ファビコン画像２つ(デフォルトで指定されている奴、それを明るくした奴)

これをやると、favicon(ブラウザとかで左上とかに出てくるwebサイトのアイコン)がぺかぺかと点滅する。
音も出ないし、alertでフォーカスも奪わないのでユーザーに何か操作を要求することもない。
簡単だけど便利。

※事前準備で、HTML上でファビコンの記述されている部分にid="favicon"を指定しなきゃいかんです。

blinkTimeに任意の数字(単位はミリ秒(1/1000秒))を入れると、その間隔でぺかぺかします。
何も入れないと0.5秒の間隔でぺかぺかします。
最近のIEでも動くっぽい。ワーオ
なおSafariは諦めろ。

参考資料
サーバからの通知方法にfaviconの動的変更を利用する
http://blog.katsuma.tv/2008/03/notification_by_favicon_change.html