在實(shí)現(xiàn)客服系統(tǒng)的過(guò)程中,需要有新消息的時(shí)候標(biāo)題欄閃爍提示
因?yàn)榱奶炜蚴潜籭frame框進(jìn)去的頁(yè)面,所以在聊天框中收到websocket消息以后要把消息發(fā)送給父集頁(yè)面,在父頁(yè)面中閃爍標(biāo)題
測(cè)試頁(yè)面地址:
https://gofly.sopans.com/
子頁(yè)面發(fā)送到父頁(yè)面的實(shí)現(xiàn)是,在父頁(yè)面增加消息監(jiān)聽(tīng),子頁(yè)面發(fā)送消息
子頁(yè)面:
window.parent.postMessage(redata);
父頁(yè)面收到消息調(diào)用函數(shù),標(biāo)題不停切換
window.addEventListener('message',function(e){
var msg=e.data;
if(msg.type=="message"){
flashTitle();//標(biāo)題閃爍
}
});
var titleTimer,titleNum=0;
var originTitle = document.title;
function flashTitle() {
titleNum++;
if (titleNum == 3) {
titleNum = 1;
}
if (titleNum == 1) {
document.title = '【】' + originTitle;
}
if (titleNum == 2) {
document.title = '【你有一條消息】' + originTitle;
}
titleTimer = setTimeout("flashTitle()", 500);
}
當(dāng)回到該頁(yè)面時(shí)標(biāo)題停止切換
window.onfocus = function () {
clearTimeout(titleTimer);
document.title = originTitle;
};
總結(jié)
到此這篇關(guān)于GO語(yǔ)言實(shí)現(xiàn)標(biāo)題閃爍的文章就介紹到這了,更多相關(guān)go實(shí)現(xiàn)標(biāo)題閃爍內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
標(biāo)簽：阿克蘇 西雙版納 廣西 慶陽(yáng) 調(diào)研邀請(qǐng) 貴陽(yáng) 德州 太原
巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《GO語(yǔ)言實(shí)現(xiàn)標(biāo)題閃爍效果》，本文關(guān)鍵詞 語(yǔ)言,實(shí)現(xiàn),標(biāo)題,閃爍,效果,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
