百度未收录

前言:

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

离开页面效果:

回到页面效果:

代码如下:

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