13


11

Facebookのようなタイトルアラート効果を作成する方法は?

Facebookのような点滅するタイトル効果を作成する方法は? つまり、誰かとチャットしているときに新しいメッセージを受信すると、タイトルが元のタイトルと、点滅効果を与える新しいメッセージの到着をユーザーに知らせるメッセージとの間で切り替わり始めます。

  • AdrianoKF *による説明:

_ 「Foo Barからの新しいメッセージ」などのウィンドウタイトルと、新しいチャットメッセージを受信した後の通常のウィンドウタイトルが交互に表示されます。 _

3 Answer


34


コード:

(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");
  1. または…​

flashTitle("New Message from John Smith", 10); // toggles it 10 times.


11


数秒ごとにタイトルを切り替える間隔を設定します。 未テストのコード

function flashTitle(pageTitle, newMessageTitle)
{
    if (document.title == pageTitle)
    {
        document.title = newMessageTitle;
    }
    else
    {
        document.title = pageTitle;
    }
}

setInterval("flashTitle('Facebook', 'New message from John Doe!')", 800);


1


setInterval("var x='www.WHAK.com/Packer/',y='WHAK.com/Packer/',z=document;z.title=z.title==x?y:x",900);