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>
时间: 2024-10-24 19:30:11

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

IOS 新消息通知提示-声音、震动

一.APNS 1.注册 [[UIApplication sharedApplication] registerForRemoteNotificationTypes:UIRemoteNotificationTypeBadge | UIRemoteNotificationTypeSound | UIRemoteNotificationTypeAlert];复制代码2.服务器推送(JAVA) PushNotificationPayload payLoad =  PushNotificationPayl

javascript 回车替换成TAB

<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <script lang="javascript"> function check() { var name = document.getElementById("name").value; var passwor

JavaScript基础——浏览器对象模型(BOM)

简介 ECMAScript是JavaScript的核心,但如果要在Web中使用JavaScript,那么BOM(浏览器对象模型)则无疑才是真正的核心.BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关.多年来,缺少事实上的规范导致BOM及有意思又有问题,因为浏览器提供商会按照各自的想法随意去扩展它.于是,浏览器之间公有的对象就成为了事实上的标准.这些对象在浏览器中得以存在,很大程度上是由于它们提供了与浏览器的互操作性.W3C为了把浏览器中JavaScript最基本的部分标准化

JavaScript替换字符串中最后一个字符

1.问题背景 在一个输入框中,限制字符串长度为12位.利用键盘输入一个数字,会将字符串中最后一位替换,比方:111111111111.再输入一个3,会显示111111111113 2.详细实现 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html x

JavaScript替换HTML标签

1.说明 获取HTML字符串(包含标签),通过正则表达式替换HTML标签,输出替换后的字符串 2.实现JavaScript代码 function deleteTag() { var regx = /<[^>]*>|<\/[^>]*>/gm; var tagStr = $("#ul_li").html(); alert("替换之前的字符串:" + tagStr); var result = tagStr.replace(regx,&

JavaScript判断浏览器Flash Player信息

今天研究了点Flex技术,做了一个小的Demo,在测试时发现经常报错,网上一查发现是浏览器Flash Player版本较低造成(需要10及其以上的版本)的,对此总结了一下借助JavaScript脚本判断浏览器Flash Player信息的方法: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>JavaScript判断浏

JavaScript获取浏览器类型与版本

原文:http://www.cnblogs.com/xdp-gacl/p/3926848.html 从网上找到一段使用JavaScript判断浏览器以及浏览器版本的比较好的代码,在此记录一下: <script type="text/javascript"> var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[

javascript实现浏览器窗口传递参数

a.html Java代码   <html> <head> <title>主页面</title> <script language="javascript" type="text/javascript"> function OpenNew() { var im=new IDAndMethod(); im.ID=document.getElementById("txtID").value;

JavaScript判断浏览器类型及版本

说明:以下内容参考了一些网上资料以及同事间的一些讨论. 浏览器对于我们来说,可能是最熟悉的工具了.记得最早那会Netscape,到后来的Internet Explorer一统江湖,再到现在的FireFox大行其道,浏览器市场的争夺,可谓是硝烟弥漫.除了我们常见的IE, Firefox, Opera, Safari四大金刚以外,新近又出了一位Chrome,虽然新出,但是出于Google这个名门,Chrome所受到的关注绝不亚于先前的四大金刚,看来以后要改为5朵金花了,呵呵.除了这些熟知的浏览器以外