网站标题捉迷藏 这个功能如何实现呢

看到 DIYgod 网站标题在改变 特此扒过来拿来学习学习

原作者：成天不高兴的栗山未来

也就是监听当前页面离开和进入页面时改变 title

实现起来并不难 代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var OriginTitile = document.title;
var titleTime;
document.addEventListener('visibilitychange', function() {
    if (document.hidden) {
        document.title = '(つェ⊂)我藏好了哦~ ' + OriginTitile;
        clearTimeout(titleTime);
    }
    else {
        document.title = '(*´∇｀*) 被你发现啦~ ' + OriginTitile;
        titleTime = setTimeout(function() {
            document.title = OriginTitile;
        }, 2000);
    }
});

今年的第一条博客 (￣;(￣ ) 博客得经常写 不能懒 欢迎大家催更（￣︶￣）↗