给网站增加用户切换其他标签网站标题动态提示

23年3月24日 420

教程

丸辣

一个面向百度编程的开发者，写出一个简单的程序

当离开我们博客的页面是，显示“╭(°A°`)╮ 页面崩溃啦 ~”，当回来后，显示“(ฅ>ω<*ฅ) 噫又好啦 ~”

使用

放置在footer文件中，或任意位置的<script></script>中均可。文字可随意修改。
实际效果也可测试本博客。

代码

<script>
// 浏览器搞笑标题
var OriginTitle = document.title;
var titleTime;
document.addEventListener('visibilitychange', function () {
    if (document.hidden) {
        $('[rel="icon"]').attr('href', "/funny.ico");
        document.title = '╭(°A°`)╮ 页面崩溃啦 ~';
        clearTimeout(titleTime);
    }
    else {
        $('[rel="icon"]').attr('href', "/favicon.ico");
        document.title = '(ฅ>ω<*ฅ) 噫又好啦 ~' + OriginTitle;
        titleTime = setTimeout(function () {
            document.title = OriginTitle;
        }, 2000);
    }
});
</script>