HTML5 Notification实现浏览器通知

作者 by Adminkylin / 2022-03-03 / 暂无评论 / 47 个足迹

<html>
    <head>
        <title>地址栏闪烁</title>
        <script type="text/javascript">
            var isShine = true;
            //Chrome/FireFox
            window.onfocus = function() {
                isShine = false;
            };
            window.onblur = function() {
                isShine = true;
            };
 
            //IE
            document.onfocusin = function() {
                isShine = false;
            };
            document.onfocusout = function() {
                isShine = true;
            };
 
            debugger;
            //保存原始title,便于还原
            var defaultTitle = document.title
            setInterval(function() {
                var title = document.title;
                //判断是否获取焦点
                if (isShine == true) {
                    //如果没有获取焦点就判断名称是否包含未读消息
                    if (/未读消息/.test(title) == false) {
                            //如果包含就显示为空
                        document.title = '【未读消息】';    
                    } else {
                            //否则显示未读消息,间隔0.5秒实现闪烁
                        document.title = '【     】';
                    }
                } else {
                        //如果获取到焦点就不闪烁,使用元素标题
                    document.title = defaultTitle;
                }
            }, 500);
 
        </script>
    </head>
    <body>
        测试浏览器标题栏闪烁
    </body>
</html>
本文作者:萧亮 Blog
本文链接:HTML5 Notification实现浏览器通知 - https://yundoudong.com/index.php/archives/226/
版权声明:如无特别声明,本文即为原创文章,仅代表个人观点,版权归 遇见数据仓库-自媒体运维工具-萧亮的程序屋-全球节点-素材工具下载-抖音数据分析-影视搜索 所有,未经允许不得转载!
本文最后更新于2022年03月03日,已超过162天没有更新。如果文章内容或图片资源失效,请告知!谢谢!下面为随机推送文章!

评论已开启

阅读足迹:47 阅读 Typecho建立分享按钮教程代码
typecho关于导航前端编辑,