新消息Title闪烁提示-Javascript
引入jquery库文件:
代码结构开始:(function($) {$.extend({/** * 调用方法: var timerArr = $.blinkTitle.show(); *$.blinkTitle.clear(timerArr); */blinkTitle : {show : function() {//有新消息时在title处闪烁提示var step=0, _title = document.title;var timer = setInterval(function() {step++;if (step==3) {step=1};if (step==1) {document.title='【 】'+_title};if (step==2) {document.title='【新消息】'+_title};}, 500);return [timer, _title];},/** * @param timerArr[0], timer标记 * @param timerArr[1], 初始的title文本内容 */clear : function(timerArr) {//去除闪烁提示,恢复初始title文本if(timerArr) {clearInterval(timerArr[0]);document.title = timerArr[1];};}}});})(jQuery);jQuery(function($) {var timerArr = $.blinkTitle.show();setTimeout(function() {//此处是过一定时间后自动消失$.blinkTitle.clear(timerArr);}, 10000);//若认为操作消失,只需如此调用:$.blinkTitle.clear(timerArr);});