GO語(yǔ)言實(shí)現(xiàn)標(biāo)題閃爍效果
在實(shí)現(xiàn)客服系統(tǒng)的過(guò)程中,需要有新消息的時(shí)候標(biāo)題欄閃爍提示
因?yàn)榱奶炜蚴潜籭frame框進(jìn)去的頁(yè)面,所以在聊天框中收到websocket消息以后要把消息發(fā)送給父集頁(yè)面,在父頁(yè)面中閃爍標(biāo)題
測(cè)試頁(yè)面地址:
子頁(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)文章希望大家以后多多支持腳本之家！
相關(guān)文章
在Go語(yǔ)言中，協(xié)程（goroutine）是輕量級(jí)的線程，它是Go語(yǔ)言中實(shí)現(xiàn)并發(fā)編程的基礎(chǔ)，Go語(yǔ)言中的協(xié)程是由Go運(yùn)行時(shí)調(diào)度器（scheduler）進(jìn)行管理和調(diào)度的，本文將給大家簡(jiǎn)單的介紹一下Golang中的協(xié)程,需要的朋友可以參考下2023-05-05
Golang教程之不可重入函數(shù)的實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于Golang教程之不可重入函數(shù)的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-09-09
這篇文章主要介紹了一文完全掌握 Go math/rand(源碼解析),本文可以幫助大家快速使用Go Rand.，感興趣的朋友跟隨小編一起看看吧2021-04-04
golang實(shí)現(xiàn)java uuid的序列化方法
這篇文章主要介紹了golang實(shí)現(xiàn)java uuid的序列化方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
源碼剖析Golang中singleflight的應(yīng)用
這篇文章主要為大家詳細(xì)介紹了如何利用singleflight來(lái)避免緩存擊穿,并剖析singleflight包的源碼實(shí)現(xiàn)和工作原理,感興趣的可以了解下2024-03-03
Go語(yǔ)言HTTPServer開(kāi)發(fā)的六種方式小結(jié)
Golang的Server開(kāi)發(fā)顯得非常簡(jiǎn)單，有很多種方式，本文就介紹了Go語(yǔ)言HTTPServer開(kāi)發(fā)的六種方式，具有一定的參考價(jià)值，感興趣的可以了解一下2021-11-11
Go語(yǔ)言讀取,設(shè)置Cookie及設(shè)置cookie過(guò)期方法詳解
這篇文章主要介紹了Go語(yǔ)言讀取,設(shè)置Cookie及設(shè)置cookie過(guò)期方法詳解,需要的朋友可以參考下2022-04-04
Go的io包提供了io.Reader和io.Writer接口,分別用于數(shù)據(jù)的輸入和輸出,下面這篇文章主要給大家介紹了關(guān)于Go語(yǔ)言中io包核心接口的相關(guān)資料,需要的朋友可以參考下2021-12-12
Goland使用Go Modules創(chuàng)建/管理項(xiàng)目的操作
這篇文章主要介紹了Goland使用Go Modules創(chuàng)建/管理項(xiàng)目的操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2021-05-05
Golang語(yǔ)言中的Prometheus的日志模塊使用案例代碼編寫(xiě)
這篇文章主要介紹了Golang語(yǔ)言中的Prometheus的日志模塊使用案例,本文給大家分享源代碼編寫(xiě)方法,感興趣的朋友跟隨小編一起看看吧2024-08-08