网页title名称切换,用户离开标题切换

网页title名称切换,用户离开标题切换

/**
* 项目名称：用户离开标题切换
*/
<script>
$(function(){
        /*document.addEventListener('visibilitychange',function(){//监听选项卡事件
            if(document.visibilityState=='hidden'){//如果是隐藏的话
                normal_title=document.title;document.title='(｡･ω･｡) 你好，小伙伴！';//将标题修改为
            }else{
                document.title=normal_title;//用户切回，恢复标题
            }
        });*/
        
        var OriginTitile = document.title, titleTime;
        var titOne = "等等，你别走啊(○´･д･)ﾉ";
        var titTwo = "算了，你走吧！╰(￣ω￣ｏ)";
        document.addEventListener('visibilitychange', function () {
            if (document.hidden) {
                document.title = titOne;
                clearTimeout(titleTime);
            } else {
                document.title = titTwo;
                titleTime = setTimeout(function () {
                    document.title = OriginTitile;
                }, 1 * 1000);
            }
        });
    }
);
 </script>