JS实现页面标题条闪烁效果的实例分析

本文介绍了js实现页面标题栏闪烁效果的方法，供大家参考，具体分析如下：

网页标题栏闪烁效果，我们会经常在一些聊天工具中看到，像今天的流量聊天室，接下来我们会总结一个网页标题栏flash提示代码给你，感兴趣的，可以参考一下。

该公司的项目使用了这个新的消息提示符的效果，它主要用于提示用户有新的消息。具体的实现代码如下所示：

复制代码代码如下：var 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）= {文件标题} +临时工{ }；

如果（newmessageremind。_step = = 2）{ document.title ={新闻} } +临时工；

}，800）；

{ newmessageremind回报。_timer，newmessageremind _title }；

}，

/取消新消息

清除：函数（）{

ClearTimeout（newmessageremind。_timer）；

document.title = newmessageremind。_title；

在这里，编写cookie操作

}

}；

来电显示新消息提示：newmessageremind.show（）；

所谓的新消息提示：newmessageremind.clear（取消）；

请看代码上优化了一遍，不管怎样，我可以学习吸收好。）：我认为他在代码中使用太多的newmessageremind，看起来很不舒服。他想以一种小而清新的方式展示它，所以有以下代码。

复制代码如下：var newmessageremind =函数（）{（）

var I＝0，

标题= document.title，

环；
返回{

显示：函数（）{

环= setInterval（）{（）函数（

++；

如果（我= = 1）{新闻} document.title =+标题；

如果（我= = 2）document.title =+{ }标题；

如果（i = 3）i = 0；

}，800）；

}，

停止：函数（）{

ClearInterval（环）；

document.title =标题；

}

}；

（}）；

它新鲜多了吗^ _ ^

复制代码代码如下所示：

这是假日！！！
停止
无功newmessageremind =函数（）{（）

var I＝0，

标题= document.title，

环；

返回{

显示：函数（）{

环= setInterval（）{（）函数（

++；

如果（我= = 1）{新闻} document.title =+标题；

如果（我= = 2）document.title =+{ }标题；

如果（i = 3）i = 0；

}，800）；

}，

停止：函数（）{

ClearInterval（环）；

document.title =标题；

}

}；

（}）；

NewMessageRemind.show（）；

document.getelementbyid（测试）。Onclick =函数（）{

NewMessageRemind.stop（）；

}；

希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。