webIM项目中，有新消息时，滚动窗体的title提示有信息消息

最新推荐文章于 2023-04-11 08:38:52 发布

guang730

最新推荐文章于 2023-04-11 08:38:52 发布

阅读量755

点赞数

分类专栏： jquery特效

本文链接：https://blog.csdn.net/guang730/article/details/24981687

版权

jquery特效专栏收录该内容

6 篇文章 0 订阅

订阅专栏

首先有个触发事件，就是接收到新的消息，

定义一个全局变量PageIsActive，判断窗口是否是激活

$(window).blur(funciton(){
    PageIsActive=false;
})

以上代码当窗体失去焦点的时候设置PageIsActive为false

当有新的消息时，调用 MoveTitle方法：

var timer=null,count=0;
function MoveTitle(name){
    if(!PageIsActive){
       doucment.title=name+"-来新消息了。。。"
       orgTitle=document.title;
       function newMsgCount();
 }
}

function newMsgCount(){
     clearTimeOut(timer);
     counte++;
     doucment.title=document.title.substrings(count,document.title.length);
     if(count=="5"){
        count=0;
        doucment.title=orgTitle;
    }
     timer=setTimeOut("newMsgCount()",1000);
}

这个方法里面的orgTitle也是一个全局变量，用来记录发送消息人的最新title，

（比如发送人是张三）那么orgTitle就是“张三-来新消息了。。”，

方法里面的if判断循环了几次，

循环5次就要初始化一些变量，为下一轮（6次一个轮回）循环做好准备