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

网页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 = "算了,你走吧!╰( ̄ω ̄o)";
        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>

 

分享到 :
相关推荐

阿里云 主机如何更换操作系统?

阿里云主机如何更换操作系统?阿里云主机如何更换操作系统?很多用户在购买阿里云主机后,...

怎么查看mac配置?

一、首先,在Mac电脑桌面上的左上角点击苹果标志二。然后,在“苹果标志”的菜单中选择...

FileZilla错误: 无法读取套接字: ETIMEDOUT - 连接尝试超时

阿里云虚拟机登陆ftp错误FileZilla错误:无法读取套接字:ETIMEDOUT...

安卓手机APK误报毒解决方案

安卓手机APK误报毒解决方案腾讯手机管家申诉地址:https://m.qq.com/...

发表评论

登录... 后才能评论