您现在的位置：首页技术文章正文

js实现闪烁的标题

时间：2019年09月20日
浏览：1881
标签：JS

摘要

几行js代码即可实现title标题闪烁提示信息。

其实代码很简单...

源码：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JS实现title标题闪烁提示信息</title>
</head>
<body>
    <script type="text/javascript">
        var record = 0;
        var myTitle = document.title;    
        function titleBlink(){    
            record++;
            if(record==3){  /*当变量_record累加到3是，将其赋值1。等于无限循环*/
                record=1;
            }
            if(record==1){
                document.title='【      】'+myTitle;
            }
            if(record==2){
                document.title='【新消息】'+myTitle;
            }
            setTimeout("titleBlink()",500);
        }
        titleBlink();
    </script>

</body>
</html>