IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

JavaScript 设置浏览器标题闪动

idea's blog 2013-07-31 13:18:59 累计浏览 4,462 次
本机暂存

   当有新消息或者网页有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. translateZ() (2026-06-25 21:18:56)
    2. translateY() (2026-06-25 21:17:56)
    3. translateX() (2026-06-25 21:16:01)

    查看更多 前端 文章 →

    建议继续学习

    1. JQuery实现Excel表格呈现 (累计阅读 48,346)
    2. 深入理解Javascript之执行上下文(Execution Context) (累计阅读 18,401)
    3. 从输入 URL 到页面加载完成的过程中都发生了什么事情? (累计阅读 15,931)
    4. 图片动态局部毛玻璃模糊效果的实现 (累计阅读 14,845)
    5. 天朝第二代身份证号码的验证机制 (累计阅读 14,760)
    6. HTML 5 的data-* 自定义属性 (累计阅读 14,348)
    7. 分享一个JQUERY颜色选择插件 (累计阅读 14,222)
    8. 什么是全栈工程师? (累计阅读 14,035)
    9. 使用python/casperjs编写终极爬虫-客户端App的抓取 (累计阅读 12,959)
    10. YSLOW法则中,为什么yahoo推荐用GET代替POST? (累计阅读 11,833)