数码资讯
js实现的标题栏中新消息闪烁提示的效果
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
该公司的项目使用了这个新的消息提示符的效果,它主要用于提示用户有新的消息。具体的实现代码如下所示:
复制代码代码如下所示:
无功newmessageremind = { {
_step:0,
_title:document.title,
_timer:空,
显示/新闻提示
显示:函数(){
VaR的临时工= newmessageremind。_title.replace({ },)。取代({新闻},);
NewMessageRemind。_timer = setTimeout(){()函数(
NewMessageRemind.show();
在这里,编写cookie操作
NewMessageRemind _step + +;
如果(newmessageremind。_step = = 3){
NewMessageRemind _step = 1。
};
如果(newmessageremind。_step = = 1){
document.title ={ } +临时工
};
如果(newmessageremind。_step = = 2){
document.title ={ } +临时工的新消息
};
},
800);
{ newmessageremind回报。_timer,newmessageremind _title };
},
/取消新消息
清除:函数(){
ClearTimeout(newmessageremind。_timer);
document.title = newmessageremind。_title;
在这里,编写cookie操作
}
};
来电显示新消息提示:newmessageremind.show();
所谓的新消息提示:newmessageremind.clear(取消);
还有:简单的代码会有这样的问题:
也就是说,当你打开一个站点的很多页面时,如果有新的消息,所有页面都会闪烁。当您检查消息时,其他页面仍然会提示。
我们的公司通过使用cookie解决,当查看新消息时,标题中闪烁的所有页面都将被取消。
复制代码代码如下所示:
无功newmessageremind = { {
_step:0,
_title:document.title,
_timer:空,
显示/新闻提示
显示:函数(){
VaR的临时工= newmessageremind。_title.replace({ },)。取代({新闻},);
NewMessageRemind。_timer = setTimeout(){()函数(
NewMessageRemind.show();
在这里,编写cookie操作
NewMessageRemind _step + +;
如果(newmessageremind。_step = = 3){
NewMessageRemind _step = 1。
};
如果(newmessageremind。_step = = 1){
document.title ={ } +临时工
};
如果(newmessageremind。_step = = 2){
document.title ={ } +临时工的新消息
};
},
800);
{ newmessageremind回报。_timer,newmessageremind _title };
},
/取消新消息
清除:函数(){
ClearTimeout(newmessageremind。_timer);
document.title = newmessageremind。_title;
在这里,编写cookie操作
}
};
来电显示新消息提示:newmessageremind.show();
所谓的新消息提示:newmessageremind.clear(取消);
还有:简单的代码会有这样的问题:
也就是说,当你打开一个站点的很多页面时,如果有新的消息,所有页面都会闪烁。当您检查消息时,其他页面仍然会提示。
我们的公司通过使用cookie解决,当查看新消息时,标题中闪烁的所有页面都将被取消。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。