当前位置: 首页 > news >正文

javascript 替换浏览器Tab的title实现消息通知提示

实现逻辑:
1. 创建两个互调用函数 setTitle1和setTitle2
2. 定时调用机制
3. 窗体获取焦点和失去焦点存状态
4. 来消息了存状态(在本例中,模拟每3秒来1个消息)
5. 在setTitle1中判断状态



完整代码:

<script src="jquery-1.10.2.js" ></script>
	<div class="pnl"></div>


<script>	
		var newMsg = false;
        var window_focused = true;
		
		setInterval(function(){		
			$(".pnl").append("<div>new msg</div>");
			newMsg = true;
		}, 3000);
		
		
		function setTitle1(){
			if(newMsg === true && window_focused === false){
				document.title = "New Msg";
				setTimeout(setTitle2,100);
			}
		}
		
		function setTitle2(){
				document.title = "";
				setTimeout(setTitle1,100);
		}
		
		setInterval(setTitle1, 1000);
		
		$(window).focus(function (e) {
            window_focused = true;
        });


        $(window).blur(function (e) {
            window_focused = false;
        });
		
		</script>

 

相关文章:

  • 很好很强大 中移动OMS开源操作系统使用感想
  • [Windows编程] 获取系统CPU 个数
  • 算法练习之DP 求LCM (最长公共子序列)
  • C#中的特性Attribute
  • 算法练习 -- DP 查找和为指定数字的数组
  • 2009英雄会后记:最出彩是创业 最关注是产品 最可惜是创富
  • 算法练习--- DP 求解最长上升子序列(LIS)
  • Bellman ford 最短路径算法
  • ArcGIS Server Java ADF 案例教程 14
  • 扩展MongoDB C# Driver的QueryBuilder
  • ArcGIS Server Java ADF 案例教程 15
  • Floyd-Warshall 算法-- 最短路径(适合节点密集的图)
  • 英雄会创业论坛梁宁主持手记-初创业2人,天才少年2人,成功2人
  • Windows Azure系列-- 配置Azure Power Shell
  • 北京英雄会片段
  • gf框架之分页模块(五) - 自定义分页
  • JS字符串转数字方法总结
  • supervisor 永不挂掉的进程 安装以及使用
  • vuex 学习笔记 01
  • 前端存储 - localStorage
  • 前端代码风格自动化系列(二)之Commitlint
  • 前嗅ForeSpider采集配置界面介绍
  • 双管齐下,VMware的容器新战略
  • 说说动画卡顿的解决方案
  • 线上 python http server profile 实践
  • 【运维趟坑回忆录】vpc迁移 - 吃螃蟹之路
  • 整理一些计算机基础知识!
  • # 计算机视觉入门
  • # 再次尝试 连接失败_无线WiFi无法连接到网络怎么办【解决方法】
  • #大学#套接字
  • (ibm)Java 语言的 XPath API
  • (pytorch进阶之路)CLIP模型 实现图像多模态检索任务
  • (Redis使用系列) SpringBoot 中对应2.0.x版本的Redis配置 一
  • (附源码)流浪动物保护平台的设计与实现 毕业设计 161154
  • (论文阅读23/100)Hierarchical Convolutional Features for Visual Tracking
  • (十)DDRC架构组成、效率Efficiency及功能实现
  • (一) storm的集群安装与配置
  • .bat批处理出现中文乱码的情况
  • .net core 6 使用注解自动注入实例,无需构造注入 autowrite4net
  • .net core 微服务_.NET Core 3.0中用 Code-First 方式创建 gRPC 服务与客户端
  • .NET Framework .NET Core与 .NET 的区别
  • .Net Framework 4.x 程序到底运行在哪个 CLR 版本之上
  • .NET Windows:删除文件夹后立即判断,有可能依然存在
  • .net 设置默认首页
  • .NET/C# 在代码中测量代码执行耗时的建议(比较系统性能计数器和系统时间)...
  • .NET开源的一个小而快并且功能强大的 Windows 动态桌面软件 - DreamScene2
  • .NET命名规范和开发约定
  • .vollhavhelp-V-XXXXXXXX勒索病毒的最新威胁:如何恢复您的数据?
  • @RequestParam详解
  • [ vulhub漏洞复现篇 ] Apache Flink目录遍历(CVE-2020-17519)
  • [ 转载 ] SharePoint 资料
  • [2019/05/17]解决springboot测试List接口时JSON传参异常
  • [Android] Amazon 的 android 音视频开发文档
  • [Angular] 笔记 20:NgContent
  • [c++] 单例模式 + cyberrt TimingWheel 单例分析