博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js实现HTML标题栏中新消息提示效果
阅读量:6880 次
发布时间:2019-06-27

本文共 776 字,大约阅读时间需要 2 分钟。

新消息提示

var newMessageRemind={
_step: 0,
_title: document.title,
_timer: null,
//显示新消息提示
show:function(){
var temps = newMessageRemind._title.replace("【   】", "").replace("【新消息】", "");
newMessageRemind._timer = setTimeout(function() {
newMessageRemind.show();
//这里写Cookie操作
newMessageRemind._step++;
if (newMessageRemind._step == 3) { newMessageRemind._step = 1 };
if (newMessageRemind._step == 1) { document.title = "【   】" + temps };
if (newMessageRemind._step == 2) { document.title = "【新消息】" + temps };
}, 800);
return [newMessageRemind._timer, newMessageRemind._title];
},
//取消新消息提示
clear: function(){
clearTimeout(newMessageRemind._timer );
document.title = newMessageRemind._title;
//这里写Cookie操作
}

};

 

 

 

 

 

调用显示新消息提示:newMessageRemind.show();

调用取消新消息提示:newMessageRemind.clear();

转载地址:http://wrubl.baihongyu.com/

你可能感兴趣的文章
Nodejs日志管理log4js
查看>>
php全文搜索引擎xunsearch的搭建
查看>>
HTTP 常见错误代码与含义
查看>>
我的友情链接
查看>>
不常用的console命令(一)
查看>>
control reaches end of non-void block
查看>>
MySQL Study之--MySQL schema_information数据库
查看>>
Hexo在github上搭载个人博客
查看>>
手机秒变IoT设备?——巧妙利用阿里云物联网平台
查看>>
跟黄哥学python序列文章之python 函数是第一类对象
查看>>
vue组件系列1、弹窗
查看>>
2013最多“情人节”婚庆网购窝窝商城掀热潮
查看>>
【转】linux下搭建生成HLS所需的.ts和.m3u8文件
查看>>
开通51cto博客
查看>>
数据与网络开发
查看>>
[转载] 基于扩展UML的多Agent系统建模方法
查看>>
【Java】 迭代 Map
查看>>
[转载] 财经郎眼20120416:中美制造业比较
查看>>
Go net - IPAddr & TCPAddr
查看>>
Acer Aspire V5-471G修复BIOS
查看>>