GO語言實現(xiàn)標題閃爍效果
更新時間：2020年07月28日 15:44:37 作者：陶士涵
這篇文章主要介紹了GO語言實現(xiàn)標題閃爍效果，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
在實現(xiàn)客服系統(tǒng)的過程中,需要有新消息的時候標題欄閃爍提示
因為聊天框是被iframe框進去的頁面,所以在聊天框中收到websocket消息以后要把消息發(fā)送給父集頁面,在父頁面中閃爍標題
測試頁面地址:
子頁面發(fā)送到父頁面的實現(xiàn)是,在父頁面增加消息監(jiān)聽,子頁面發(fā)送消息
子頁面:
window.parent.postMessage(redata);
父頁面收到消息調(diào)用函數(shù),標題不停切換
window.addEventListener('message',function(e){
var msg=e.data;
if(msg.type=="message"){
flashTitle();//標題閃爍
}
});
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);
}
當回到該頁面時標題停止切換
window.onfocus = function () {
clearTimeout(titleTimer);
document.title = originTitle;
};
總結(jié)
到此這篇關(guān)于GO語言實現(xiàn)標題閃爍的文章就介紹到這了,更多相關(guān)go實現(xiàn)標題閃爍內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
在Go語言中，協(xié)程（goroutine）是輕量級的線程，它是Go語言中實現(xiàn)并發(fā)編程的基礎(chǔ)，Go語言中的協(xié)程是由Go運行時調(diào)度器（scheduler）進行管理和調(diào)度的，本文將給大家簡單的介紹一下Golang中的協(xié)程,需要的朋友可以參考下2023-05-05
Golang教程之不可重入函數(shù)的實現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于Golang教程之不可重入函數(shù)的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-09-09
這篇文章主要介紹了一文完全掌握 Go math/rand(源碼解析),本文可以幫助大家快速使用Go Rand.，感興趣的朋友跟隨小編一起看看吧2021-04-04
這篇文章主要介紹了golang實現(xiàn)java uuid的序列化方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-09-09
源碼剖析Golang中singleflight的應(yīng)用
這篇文章主要為大家詳細介紹了如何利用singleflight來避免緩存擊穿,并剖析singleflight包的源碼實現(xiàn)和工作原理,感興趣的可以了解下2024-03-03
Go語言HTTPServer開發(fā)的六種方式小結(jié)
Golang的Server開發(fā)顯得非常簡單，有很多種方式，本文就介紹了Go語言HTTPServer開發(fā)的六種方式，具有一定的參考價值，感興趣的可以了解一下2021-11-11
Go語言讀取,設(shè)置Cookie及設(shè)置cookie過期方法詳解
這篇文章主要介紹了Go語言讀取,設(shè)置Cookie及設(shè)置cookie過期方法詳解,需要的朋友可以參考下2022-04-04
Go的io包提供了io.Reader和io.Writer接口,分別用于數(shù)據(jù)的輸入和輸出,下面這篇文章主要給大家介紹了關(guān)于Go語言中io包核心接口的相關(guān)資料,需要的朋友可以參考下2021-12-12
Goland使用Go Modules創(chuàng)建/管理項目的操作
這篇文章主要介紹了Goland使用Go Modules創(chuàng)建/管理項目的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2021-05-05
Golang語言中的Prometheus的日志模塊使用案例代碼編寫
這篇文章主要介紹了Golang語言中的Prometheus的日志模塊使用案例,本文給大家分享源代碼編寫方法,感興趣的朋友跟隨小編一起看看吧2024-08-08