亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

js實(shí)現(xiàn)的標(biāo)題欄新消息閃爍提示效果

 更新時(shí)間：2014年06月06日 11:37:51   投稿：junjie  
這篇文章主要介紹了js實(shí)現(xiàn)的標(biāo)題欄新消息閃爍提示效果,一些大型網(wǎng)站也會(huì)經(jīng)常用到這個(gè)效果,需要的朋友可以參考下

公司的項(xiàng)目中用到了這個(gè)新消息提示的效果，主要用于提示用戶(hù)有新消息。具體實(shí)現(xiàn)代碼如下：

var newMessageRemind = {
  _step: 0,
  _title: document.title,
  _timer: null,
  //顯示新消息提示
  show: function() {
    var temps = newMessageRemind._title.replace("【　　　】", "").replace("【新消息】", "");
    newMessageRemind._timer = setTimeout(function() {
      newMessageRemind.show();
      //這里寫(xiě)Cookie操作
      newMessageRemind._step++;
      if (newMessageRemind._step == 3) {
        newMessageRemind._step = 1
      };
      if (newMessageRemind._step == 1) {
        document.title = "【　　　】" + temps
      };
      if (newMessageRemind._step == 2) {
        document.title = "【新消息】" + temps
      };
    },
    800);
    return [newMessageRemind._timer, newMessageRemind._title];
  },
  //取消新消息提示
  clear: function() {
    clearTimeout(newMessageRemind._timer);
    document.title = newMessageRemind._title;
    //這里寫(xiě)Cookie操作
  }

};

調(diào)用顯示新消息提示：newMessageRemind.show();

調(diào)用取消新消息提示：newMessageRemind.clear();

另：?jiǎn)渭兊倪@個(gè)代碼會(huì)出現(xiàn)這么一個(gè)問(wèn)題：
就是當(dāng)你打開(kāi)一個(gè)站點(diǎn)很多張頁(yè)面的時(shí)候，如過(guò)有新消息，那么所有頁(yè)面都會(huì)不停的閃，當(dāng)你查看消息后其他頁(yè)面仍會(huì)提示。

我們公司是通過(guò)使用Cookie的方式解決的，當(dāng)查看新消息后所有標(biāo)題閃動(dòng)的頁(yè)面將全部取消提示。

下面腳本之家小編再推薦一段代碼

<script>
(function() {
  var OriginTitile = document.title, titleTime;
  document.addEventListener('visibilitychange', function() {
    if (document.hidden) {
      document.title = '死鬼去哪里了！';
      clearTimeout(titleTime);
    } else {
      document.title = '(つェ⊂)咦!又好了!';
      titleTime = setTimeout(function() {
        document.title = OriginTitile;
      },2000);
    }
  });
})();
</script>

注意：上面的代碼需用預(yù)加載jquery庫(kù)才可以。直接放頁(yè)面底部或js里面即可

相關(guān)文章

最新評(píng)論