源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

利用JS实现浏览器的title闪烁

  • 时间:2022-11-17 00:31 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:利用JS实现浏览器的title闪烁
主要是通过setTimeout方法设置一个定时器,切换消息提示,从而达title到消息提示的闪烁。
[u]复制代码[/u] 代码如下:
<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>      点击页面取消消息闪烁提示  </body>  </html>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部