IT技术博客大学习 共学习 共进步

JavaScript 设置浏览器标题闪动

idea's blog 2013-07-31 13:18:59 浏览 4,381 次

   当有新消息或者网页有Ajax内容变动时, 可以闪动浏览器标题(或者Tab标题), 提示用户.

<script type="text/javascript">
<!--
function BlinkTitle(title, timeout){
	var self = this;
	var timer = null;
	var backup = document.title;

	self.start = function(title, timeout){
		self.stop();

		if(title != undefined){
			self.title = title;
		}
		self.timeout = timeout == undefined? 600: timeout;

		function blink(){
			document.title = document.title == backup? self.title : backup;
		}
		blink();
		timer = setInterval(blink, self.timeout);
	}

	self.stop = function(){
		if(timer != null){
			document.title = backup;
			clearInterval(timer);
			timer = null;
		}
	}

	self.start(title, timeout);
}

var blink = new BlinkTitle('12345');
//-->
</script>

<a onclick="blink.stop()">stop</a>

    建议继续学习

    1. 浏览器的工作原理:新式网络浏览器幕后揭秘 (阅读 22,826)
    2. 浅析http协议、cookies和session机制、浏览器缓存 (阅读 17,203)
    3. 从输入 URL 到页面加载完成的过程中都发生了什么事情? (阅读 15,704)
    4. 浏览器的渲染原理简介 (阅读 8,165)
    5. 程序员眼里IE浏览器是什么样的 (阅读 7,863)
    6. 各种浏览器审查、监听http头工具介绍 (阅读 7,725)
    7. 图说浏览器战争:火狐、微软、谷歌那些事 (阅读 7,342)
    8. 浏览器缓存机制 (阅读 7,100)
    9. [译]Google Chrome中的高性能网络 (阅读 6,502)
    10. 12款很棒的浏览器兼容性测试工具推荐 (阅读 6,142)