主要是通过setTimeout方法设置一个定时器,切换消息提示,从而达title到消息提示的闪烁。 复制代码 代码如下: JS效果-浏览器标题栏闪烁 <BR> // 使用message对象封装消息 <BR> var message = { <BR> time: 0, <BR> title: document.title, <BR> timer: null, <BR> // 显示新消息提示 <BR> show: function () { <BR> var title = message.title.replace("【 】", "").replace("【新消息】", ""); <BR> // 定时器,设置消息切换频率闪烁效果就此产生 <BR> message.timer = setTimeout(function () { <BR> message.time++; <BR> message.show(); <BR> if (message.time % 2 == 0) { <BR> document.title = "【新消息】" + title <BR> } <br><br> else { <BR> document.title = "【 】" + title <BR> }; <BR> }, 600); <BR> return [message.timer, message.title]; <BR> }, <BR> // 取消新消息提示 <BR> clear: function () { <BR> clearTimeout(message.timer); <BR> document.title = message.title; <BR> } <BR> }; <BR> message.show(); <BR> // 页面加载时绑定点击事件,单击取消闪烁提示 <BR> function bind() { <BR> document.onclick = function () { <BR> message.clear(); <BR> }; <BR> } <BR> 点击页面取消消息闪烁提示