zoukankan html css js c++ java

JS实现浏览器的title闪烁

经常可以看见的title里面的消息提示，下面是JS的一种实现方法：主要是通过setTimeout方法设置一个定时器，切换消息提示，从而达title到消息提示的闪烁。

<html>  
<head>  
    <title>JS效果-浏览器标题栏闪烁</title>  
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
    <script type="text/javascript">  
        // 使用message对象封装消息  
        var message = {  
            time: 0,  
            title: document.title,  
            timer: null,  
            // 显示新消息提示  
            show: function () {  
                var title = message.title.replace("【　　　】", "").replace("【新消息】", "");  
                // 定时器，设置消息切换频率闪烁效果就此产生  
                message.timer = setTimeout(function () {  
                    message.time++;  
                    message.show();  
                    if (message.time % 2 == 0) {  
                        document.title = "【新消息】" + title  
                    }  
  
                    else {  
                        document.title = "【　　　】" + title  
                    };  
                }, 600);  
                return [message.timer, message.title];  
            },  
            // 取消新消息提示  
            clear: function () {  
                clearTimeout(message.timer);  
                document.title = message.title;  
            }  
        };  
        message.show();  
        // 页面加载时绑定点击事件，单击取消闪烁提示  
        function bind() {  
            document.onclick = function () {  
                message.clear();  
            };  
        }  
    </script>  
</head>  
<body onload="bind();">  
    点击页面取消消息闪烁提示  
   <!-- 转转自：http://blog.csdn.net/dannywj1371/article/details/7945864-->  

</body>  
</html>

查看全文

相关阅读:
Hibernate 笔记之三基础优化方面
 Hibernate 笔记之二查询
 Hibernate 笔记之一创建与配置
 hibernate初次配置及测试
 CentOS 7.3 安装MySQL--Java--Tomcat
Spring AOP：自动注入参数值
 Spring AOP：实现Request信息获取
 IntelliJ IDEA导出项目文档
 IntelliJ IDEA：Shortcut Key
iText生成PDF

原文地址：https://www.cnblogs.com/drcoding/p/jstitle.html