建站笔记

【WordPress】切换标签实现网页标题变化

极黑的红颜 · 11月18日 · 2019年 · 920次已读

效果展示

(本站效果展示)

代码介绍

<!--切换标签实现网页标题变化-->
<script type="text/javascript">
    /*自动刷新页面,避免无法访问*/
    var OriginTitile = document.title;
    var titleTime;
    document.addEventListener('visibilitychange', function() {
        if (document.hidden) {
                        document.title = '404啦!!!!∑(゚Д゚ノ)ノ ';
            clearTimeout(titleTime);
                    }
        else {
                        document.title = '哈哈,骗你的!ヾ(゚∀゚ゞ)';
            titleTime = setTimeout(function() {
                document.title = OriginTitile;
            }, 3000);
                    }
    });

</script>
<!--切换标签实现网页标题变化 结束-->

食用方法

直接将代码添加到正在使用 WordPress 主题的 footer.php 文件最后一个 </body>