浏览器页面切换时的动态标题===大白鹅，快回来！

今天搜索资料的时候，发现别人的网页搞得有个有趣的动画标题。就想要自己也写一个哈哈，然后天天👨‍🔧提供代码，完成了效果。。。

vue项目里面的用法

 (function () {
            var title = document.title
            var titleTimer = null
            document.addEventListener('visibilitychange', function () {
                if (document.hidden) {
                    document.title = '  大白鹅🌹，快回来~ ' + title;
                    clearTimeout(titleTimer);
                } else {
                    document.title = ' 嘻嘻66♥，想你啦~ ' + title
                    titleTimer = setTimeout(function () {
                        document.title = title
                    }, 1e3)
                }
            })
        })()

jq

$(function () {
            var title = document.title
            var titleTimer = null
            document.addEventListener('visibilitychange', function () {
                if (document.hidden) {
                    document.title = ' 大白鹅🌹，快回来~ ' + title;
                    clearTimeout(titleTimer);
                } else {
                    document.title = ' 嘻嘻66♥，想你啦~' + title
                    titleTimer = setTimeout(function () {
                        document.title = title
                    }, 1e3)
                }
            })
        })