如何重新获得焦点后改变两次title 的内容(语言-javascript)

标签页切换失去焦点后修改title 和重获后恢复原标题没有问题，但是我希望重获焦点后先显示另一句话，然后再恢复原标题。
https://www.nbwz.com/ 就是这个网站可以达到的效果。是否是js就可以实现的。

你题目的解答代码如下：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
</head>
<body>
<script type="text/javascript">
(function() {
    var OriginTitile = document.title,
        titleTime;
    document.addEventListener('visibilitychange', function() {
        if (document.hidden) {
            document.title = '咦，去哪了？';
            clearTimeout(titleTime);
        } else {
            document.title = '(つェ⊂)哇，回来啦！';
            titleTime = setTimeout(function() {
                document.title = OriginTitile;
            }, 1000);
        }
    });
})();
</script>
</body>
</html>

如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632