给你的个人网站添加一个动态标题

利用visibilitychange的API
当浏览器标签页被隐藏或显示的时候会触发visibilitychange事件
刷新一下就有和本博客一样的效果了

    <script type="text/javascript">
    /*  动态网页标题*/
    var OriginTitile = document.title,
    titleTime;
    document.addEventListener("visibilitychange",
    function() {
        if (document.hidden) {
            $('[rel="shortcut icon"]').attr("href", "https://www.2x0.cn/favicon.ico");
            document.title = "你别走吖 Σ(っ °Д °;)っ";
            clearTimeout(titleTime)
        } else {
            $('[rel="shortcut icon"]').attr("href", "https://www.2x0.cn/favicon.ico");
            document.title = "欢迎回来~~ ヾ(≧▽≦*)o" + OriginTitile;
            titleTime = setTimeout(function() {
                document.title = OriginTitile
            },
            2000)
        }
    });
    </script>

原文链接:给typecho博客添加动态标题

本文为作者Urban-Ash发布,未经允许禁止转载!
162
1
12
发表留言

    3个月前

    再写清楚点 加啥文件中

笔记
给你的个人网站添加一个动态标题
...
扫描右侧二维码继续阅读
May 4, 2020
Urban-AshのBlog
blogger
urban-ash
ようこそ - 我がBlogへ ! ! !
统计
文章:28 篇
分类:3 个
评论:13 条
运行时长:0年146天
by yoniu.

Urban-AshのBlog