标签：effect javascript jquery facebook

如何像facebook一样创建闪烁的标题效果？意味着,当您与某人聊天并收到新消息时,标题开始在原始标题和消息之间切换,通知用户新消息的到达会产生闪烁效果.

AdrianoKF的解释：

Notice the window title cycling between something like “New message from Foo Bar” and the regular one after receiving a new chat message.

解决方法:

码：

(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");

… 要么…

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

标签：effect,javascript,jquery,facebook
来源： https://codeday.me/bug/20190928/1826995.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。