前言

经常看到某些大佬的博客的网页标题很个性，当离开页面的时候网页标题会变，回来的时候就变回来了，博主也找了资源实现了这个功能，一直也没写出来，今天就写出来分享给大家

离开页面效果：

回到页面效果：

代码如下：

<script>
var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {
    if (document.hidden) {
        $('[rel="shortcut icon"]').attr("href", "https://abeim.cn/favicon.ico");
        document.title = "你别走吖 Σ(っ °Д °;)っ";
        clearTimeout(titleTime)
    } else {
        $('[rel="shortcut icon"]').attr("href", "https://abeim.cn/favicon.ico");
        document.title = "你可算回来了 (｡•ˇ‸ˇ•｡)" + OriginTitile;
        titleTime = setTimeout(function() {
            document.title = OriginTitile
        },
        2000)
    }
});
</script>