本文介绍了一种使用JavaScript实现浏览器Tab标题闪烁的方法，通过定时切换标题来提示用户有新消息。具体实现了消息提示的显示与清除功能，并通过页面点击事件取消闪烁提示。
JS效果-浏览器title新消息提示
// 使用message对象封装消息
var message = {
time: 0,
title: document.title,
timer: null,
// 显示新消息提示执行方法
show: function () {
var title = message.title;
// 定时器，设置消息切换频率闪烁效果就此产生
message.timer = setTimeout(function () {
message.time++;
message.show();
if (message.time % 2 == 0) {
document.title = "【新消息】" + title
} else {
document.title = "【 】" + title
};
}, 600);
return [message.timer, message.title];
},
// 取消新消息提示方法
clear: function () {
clearTimeout(message.timer);
document.title = message.title;
}
};
message.show();
// 页面加载时绑定点击事件，单击取消闪烁提示
function bind() {
document.onclick = function () {
message.clear();
};
}
点击页面取消消息闪烁提示
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
