技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> JavaScript --> JavaScript 设置浏览器标题闪动

JavaScript 设置浏览器标题闪动

浏览:3124次  出处信息

   当有新消息或者网页有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. 浏览器的工作原理:新式网络浏览器幕后揭秘    (阅读:19248)
  2. 浅析http协议、cookies和session机制、浏览器缓存    (阅读:15485)
  3. 从输入 URL 到页面加载完成的过程中都发生了什么事情?    (阅读:14230)
  4. 程序员眼里IE浏览器是什么样的    (阅读:6614)
  5. 浏览器的渲染原理简介    (阅读:6145)
  6. 各种浏览器审查、监听http头工具介绍    (阅读:6024)
  7. 图说浏览器战争:火狐、微软、谷歌那些事    (阅读:5837)
  8. 浏览器缓存机制    (阅读:5625)
  9. [译]Google Chrome中的高性能网络    (阅读:4874)
  10. 12款很棒的浏览器兼容性测试工具推荐    (阅读:4709)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1