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>  
  • 相关阅读:
    JDBC的步骤
    Java异常
    两个init方法的区别
    迭代器、foreach循环、泛型集合
    servlet的生命周期
    集合类对比
    在servlet中的中文乱码,相对路径和绝对路径
    【转】学习使用Jmeter做压力测试(一)--压力测试基本概念
    【转】jmeter压力测试
    【转】配置Jmeter的自定义参数
  • 原文地址:https://www.cnblogs.com/drcoding/p/jstitle.html
Copyright © 2011-2022 走看看