实现标题栏闪烁提醒

原创 苏秦陶侃 随笔 js 268阅读 2018-01-05 15:22:08 举报
最近一篇笔记被收藏和点赞的很多,感觉很不错,hh,每次进来都会看到标题栏消息闪烁提醒,故而自己实现一个简易版本的,不能直接运行看效果,若是想看请各位拷贝出去跑一下吧:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
</head>
<body>

<input id="inputTest" type="button" value="点我停止新消息闪烁">

<script>

        var timeId = setInterval(()=>{
            var title = document.title,titleDom = document.getElementsByTagName('title')[0];
            titleDom.innerHTML= "【新消息】";
            title==="【新消息】"?titleDom.innerHTML="【    】":titleDom.innerHTML="【新消息】";
        },1000);
        document.getElementById("inputTest").addEventListener("click",function(){
            clearInterval(timeId)
        });
    </script>

</body>
</html>

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复