网页设置标题栏自动变化

大概效果就额是切换到别的标签时会显示网页已崩溃!
切换过来显示(/≧▽≦/)你又回来了!

其实很简单,废话不多说,直接上代码

<script>
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
        },
        2000)
    }
});
</script>

修改里面的关键字即可

其中2000是代表切换回来显示2秒

发布了17 篇原创文章 · 获赞 22 · 访问量 3972

猜你喜欢

转载自blog.csdn.net/yuaneuro/article/details/104831066
今日推荐