前端时间做web前端联系,实现标题闪烁,参照了一些同行的博客,具体实现如下:
// 使用message对象封装消息
varmessage={
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();
// 页面加载时绑定点击事件
functionbind() {
document.onclick =function(){
message.clear();
};
}