离开网页时状态栏显示“404 NOT FOUND”

前言

今天在找插件时无意间在一个博客看到一个好玩的事情，就是离开 TA 的博客（没有关闭博客）去访问其他页面时，TA 博客的页头状态栏突然显示“404 Not Found”字样，把我吓了一跳，我想我没有做过什么啊，怎么 TA 的博客突然就“404”了呢？然后我赶紧好奇的再次访问 TA 的博客，好好的，正常啊，没有出现“404”呀，怎么回事呢，难道是误报吗？然后又瞄了一眼状态栏，出现了一排字当然就发现被“骗了”，上面竟然写着“404？这辈子都不可能 404 的”...... 于是就被这个深深的吸引了，于是就把 TA 扒了过来，然后分享给大家

实现方法

看了一下 TA 博客的源代码发现实现起来非常的简单，只需要在主题文件下面的 header.php 文件，在 之前插入以下代码即可

<script type="text/javascript">
    
var OriginTitile = document.title;
var titleTime;
document.addEventListener('visibilitychange', function() {if (document.hidden) {
        document.title = '404 Not Found';
        clearTimeout(titleTime);
    } else {
        document.title = '404？这辈子都不可能 404 的';
        titleTime = setTimeout(function() {document.title = OriginTitile;}, 2000);
    }
});

</script>

上面的代码中的文字可以根据自己的喜好进行修改。

原理

由于本人是个网络小白，只会简单的复制粘贴，对其为什么能有这样的效果是完全不知，希望一些网络大佬能够留言相告，本人感激不尽。本人本打算是自学语言，无奈耐心不足，才刚开始看几篇介绍就被密密麻麻的英文代码所打败，只好放弃啦哈哈！

后续

没有后续了......
对了，原博客地址：可乐加冰