JS实现闪动的title消息提醒效果

 更新时间:2014年06月20日 09:17:13   投稿:junjie  
这篇文章主要介绍了JS实现闪动的title消息提醒效果,考虑并兼容了大部份的浏览器,需要的朋友可以参考下

有时候我们需要提醒用户,有新的消息,这个可以使用下面的方法实现。

效果就是网页窗口在没有获取焦点并且最小化的时候,网页窗口的标题栏“title”显示的内容为“【 】”,“【新消息】”的闪烁效果。

<script language="JavaScript"> 
setTimeout('flash_title()',2000); //2秒之后调用一次
function flash_title() 
{ 
  //当窗口效果为最小化,或者没焦点状态下才闪动
  if(isMinStatus() || !window.focus)
  {
    newMsgCount();
  }
  else
  {
    document.title='订单管理中心-AOOXING';//窗口没有消息的时候默认的title内容
    window.clearInterval();
  }
} 
//消息提示
var flag=false;
function newMsgCount(){
  if(flag){
    flag=false;
    document.title='【新订单】';
  }else{
    flag=true;
    document.title='【   】';
  }
  window.setTimeout('flash_title(0)',380); 
}
//判断窗口是否最小化
//在Opera中还不能显示
var isMin = false;
function isMinStatus() {
  //除了Internet Explorer浏览器,其他主流浏览器均支持Window outerHeight 和outerWidth 属性
  if(window.outerWidth != undefined && window.outerHeight != undefined){
    isMin = window.outerWidth <= 160 && window.outerHeight <= 27;
  }else{
    isMin = window.outerWidth <= 160 && window.outerHeight <= 27;
  }
  //除了Internet Explorer浏览器,其他主流浏览器均支持Window screenY 和screenX 属性
  if(window.screenY != undefined && window.screenX != undefined ){
    isMin = window.screenY < -30000 && window.screenX < -30000;//FF Chrome       
  }else{
    isMin = window.screenTop < -30000 && window.screenLeft < -30000;//IE
  }
  return isMin;
}
</script>

相关文章

  • JS中获取数据库中的值的方法

    JS中获取数据库中的值的方法

    在项目中遇到一个问题,需要在JS中读取数据库中的值,然后再把值返回到页面中,解决方案如下:使用Ajax方法来实现,需要用到ajax.dll(一个ajax技术开发的帮助类库)。
    2013-07-07
  • element中的$confirm的使用

    element中的$confirm的使用

    这篇文章主要介绍了element中的$confirm的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • javascript 网站常用的iframe分割

    javascript 网站常用的iframe分割

    就是一个页面使用两个iframe来调用内容,实现页面导航,更容易控制,可控制性好
    2008-06-06
  • JavaScript数组分组groupBy示例详解

    JavaScript数组分组groupBy示例详解

    JavaScript 最近发布了一个方法 Object.groupBy,可以对可迭代对象中的元素进行分组,这篇文章主要介绍了JavaScript数组分组groupBy示例,需要的朋友可以参考下
    2023-12-12
  • Script标签与访问HTML页面详解

    Script标签与访问HTML页面详解

    本篇文章主要是对Script标签与访问HTML页面进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • javascript显示动态时间的方法汇总

    javascript显示动态时间的方法汇总

    本文给大家汇总介绍了3种javascript实现动态显示时间的方法及详细示例,有需要的小伙伴可以参考下
    2018-07-07
  • 禁止按回车键提交表单的方法

    禁止按回车键提交表单的方法

    这篇文章主要介绍了禁止按回车键提交表单的方法的相关资料,需要的朋友可以参考下
    2015-06-06
  • JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结

    JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结

    这篇文章主要介绍了JS前端知识点offset,scroll,client,冒泡,事件对象的应用,结合实例形式总结分析了offset,scroll,client,冒泡,事件对象相关功能、原理及操作注意事项,需要的朋友可以参考下
    2019-06-06
  • 每天一篇javascript学习小结(String对象)

    每天一篇javascript学习小结(String对象)

    这篇文章主要介绍了javascript中的String对象知识点,对String对象的基本使用方法,以及各种方法进行整理,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • 使用JavaScript 定义自己的ajax函数

    使用JavaScript 定义自己的ajax函数

    这篇文章主要为大家介绍了JavaScript定义ajax函数,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助<BR>
    2021-11-11

最新评论