JS实现闪动的title消息提醒效果
2023-06-13 09:15:28 时间
有时候我们需要提醒用户,有新的消息,这个可以使用下面的方法实现。
效果就是网页窗口在没有获取焦点并且最小化的时候,网页窗口的标题栏“title”显示的内容为“【】”,“【新消息】”的闪烁效果。
<scriptlanguage="JavaScript"> setTimeout("flash_title()",2000);//2秒之后调用一次 functionflash_title() { //当窗口效果为最小化,或者没焦点状态下才闪动 if(isMinStatus()||!window.focus) { newMsgCount(); } else { document.title="订单管理中心-AOOXING";//窗口没有消息的时候默认的title内容 window.clearInterval(); } } //消息提示 varflag=false; functionnewMsgCount(){ if(flag){ flag=false; document.title="【新订单】"; }else{ flag=true; document.title="【 】"; } window.setTimeout("flash_title(0)",380); } //判断窗口是否最小化 //在Opera中还不能显示 varisMin=false; functionisMinStatus(){ //除了InternetExplorer浏览器,其他主流浏览器均支持WindowouterHeight和outerWidth属性 if(window.outerWidth!=undefined&&window.outerHeight!=undefined){ isMin=window.outerWidth<=160&&window.outerHeight<=27; }else{ isMin=window.outerWidth<=160&&window.outerHeight<=27; } //除了InternetExplorer浏览器,其他主流浏览器均支持WindowscreenY和screenX属性 if(window.screenY!=undefined&&window.screenX!=undefined){ isMin=window.screenY<-30000&&window.screenX<-30000;//FFChrome }else{ isMin=window.screenTop<-30000&&window.screenLeft<-30000;//IE } returnisMin; } </script>
相关文章
- 使用 Dapr JS SDK 让 Nest.js 集成 Dapr(微软开源的分布式应用程序运行时)
- php 中js跳转页面跳转页面,js跳转代码_PHP页面跳转 Js页面跳转代码[通俗易懂]
- 用JS获取地址栏url参数的方法_js的url是啥
- js中四舍五入的方法_JS取整
- js 数组去除重复数据-当WPS开始像支持VBA一样支持JS语言时,微软又该何去何从?
- JS引擎(1):JS引擎擂台赛,JavaScript引擎的特征比较及术语科普
- js如何设置radio选中详解编程语言
- 点击图片查看大图(纯js)详解编程语言
- 使用JS连接MySQL数据库:实现化繁为简(js连接mysql数据库)
- 快速掌握JS操作MySQL数据库技巧(js操作mysql数据库)
- 使用 JS 操作 Redis:实现强大数据存储.(js调用redis)
- 数据JS技术实现实时获取Oracle数据(js实时获取oracle)
- Oracle中使用JS变量管理数据(oracle使用js变量)
- Oracle中JS的优势让数据库性能提升(oracle中 js)
- js获取url参数代码实例分享(JS操作URL)
- js针对htmlDOM元素操作等经验累积
- 用js格式化金额可设置保留的小数位数
- 使用变量动态设置js的属性名
- js防止DIV布局滚动时闪动的解决方法