切换标签实现网页标题动态变化

· 05-10 · 220 人浏览
切换标签实现网页标题动态变化


只要将下面的代码应用到网页内即可,放在headerfooter的位置都是不错的选择。

<script>
/*切换标签实现网页标题变化*/
    var OriginTitile = document.title;
    var titleTime;
    document.addEventListener('visibilitychange', function() {
        if (document.hidden) {
                        document.title  = '标题栏内容';
            clearTimeout(titleTime);
                    }
        else {
                        document.title = '离开后标题栏内容';
            titleTime = setTimeout(function() {
                document.title = OriginTitile;
            }, 6000);
                    }
    });    
</script>

网站相关
THEME JASMINE · FOREVERBLOG