前端时间做web前端联系,实现标题闪烁,参照了一些同行的博客,具体实现如下:
// 使用message对象封装消息
var message={
time: 0,
title: document.title,
timer: null,
show : function() {
message.time++;
document.title=message.time%2==0?"【新消息】":"【 】";
document.title+=message.defaultTitle;
if (!message.timer) {
message.timer = setInterval("message.show()",
600);
}
},
// 取消提示
clear: function(){
clearTimeout(message.timer);
document.title = message.title;
}
};
message.show();
// 页面加载时绑定点击事件
function bind() {
document.onclick = function(){
message.clear();
};
}