2015-10-05 14:23
JavaScript让网页title标题闪烁的简单实例
网站标题闪烁功能是一些附带网页聊天消息的网站常用的功能之一，本文介绍一种比较简单的利用javascript实现闪烁和停止闪烁的函数。
原理非常之简单，闪烁效果无非是进行一种循环设置document.title='闪烁文字'+原标题。一次为空，一次为闪烁文字，利用setTimeout循环调用自身函数从而实现闪烁效果。
接下来就是在点击页面的时候停止此效果，并还原原标题。原理是利用clearTimeout来清除原定时器内函数，并设置标题为原标题。
最后是要求点击页面停止闪烁，那么在body中加个点击事项就好了。
那么我们所用到的变量将有3个，①控制闪烁的计数变量Times、②记录原标题的title、③控制是否停止的变量stop。
总体代码如下。
<body onclick="flashTitle(1)">
<script language="JavaScript">
var Times=0;
var title=document.title;
function flashTitle(stop)
{
if(stop!=1){
Times++;
if (Times%2){
document.title='【你有新消息】'+title;
}else{
document.title='【 】'+title;
}
if(stop!=1){
flashT=setTimeout("flashTitle()",400);
}
}else{
clearTimeout(flashT);
document.title = title;
}
}
flashTitle();
</script>
<p style="text-align:center;font-size:36px;">点击页面停止标题闪烁特效</p>
</body>
