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語言編程中字符串切割方法小結(jié),所整理的方法都來自字符串相關(guān)的strings包,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了Go語言中os庫的常用函數(shù)用法,os函數(shù)的使用是Go語言入門學習中的基礎知識,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了GO的方法值和方法表達式的使用方法，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2020-02-02
單例模式是設計模式中最簡單的一種模式，單例模式能夠確保無論對象被實例化多少次，全局都只有一個實例存在，在Go?語言有多種方式可以實現(xiàn)單例模式，所以我們今天就來一起學習下吧2023-07-07
這篇文章主要為大家介紹了go語言?nil使用避坑指南詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
淺析Go中fasthttp與net/http的性能對比及應用
這篇文章主要為大家詳細介紹了Golang中fasthttp的底層實現(xiàn)以及與net/http的區(qū)別,下面就跟隨小編一起來看看fasthttp到底是如何做到性能如此之快的吧2024-03-03
這篇文章主要介紹了Go map發(fā)生內(nèi)存泄漏解決方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
在Go語言中,chan（通道）是一種用于在不同的goroutine之間進行通信的機制,通道可以是無緩沖的（同步的）或有緩沖的（異步的）,本文給大家詳細介紹了Golang中Channel的高級用法,需要的朋友可以參考下2024-05-05
深入了解Golang?哈希算法之MD5、SHA-1和SHA-256
哈希算法是計算機科學領(lǐng)域中一種重要的技術(shù)，它將任意長度的輸入數(shù)據(jù)映射為固定長度的哈希值，在本篇文章中，我們將深入探討Golang中的哈希算法，從多個方面介紹其詳細內(nèi)容，希望通過本文的閱讀你將對?Golang哈希算法有更全面的理解2023-05-05
在日常開發(fā)中,比較操作是最常用的基本操作之一,可以用來判斷變量之間是否相等或者對應的大小關(guān)系,本文將深入解析 Golang 中可比較的數(shù)據(jù)類型,并結(jié)合代碼示例來說明如何在不同情況下進行比較,需要的朋友可以參考下2024-01-01