GO语言实现标题闪烁效果
更新时间：2020年07月28日 15:44:37 作者：陶士涵
这篇文章主要介绍了GO语言实现标题闪烁效果，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
在实现客服系统的过程中,需要有新消息的时候标题栏闪烁提示
因为聊天框是被iframe框进去的页面,所以在聊天框中收到websocket消息以后要把消息发送给父集页面,在父页面中闪烁标题
测试页面地址:
子页面发送到父页面的实现是,在父页面增加消息监听,子页面发送消息
子页面:
window.parent.postMessage(redata);
父页面收到消息调用函数,标题不停切换
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;
};
总结
到此这篇关于GO语言实现标题闪烁的文章就介绍到这了,更多相关go实现标题闪烁内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了图解Golang的GC垃圾回收算法，详细的介绍了三种经典的算法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-03-03
这篇文章主要介绍了Golang的关键字defer的使用方法，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-06-06
这篇文章主要为大家介绍了go语言LeetCode题解1030距离顺序排列矩阵单元格，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
本文主要介绍了Go语言类型内嵌和结构体内嵌的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-04-04
goroutine是Go并行设计的核心,下面这篇文章主要给大家介绍了关于GoLang使goroutine停止的五种方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-07-07
go sync包中的互斥锁Mutex和等待组WaitGroup使用详解
这篇文章主要为大家介绍了go sync包中的互斥锁Mutex和等待组WaitGroup使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
errgroup和sync.WaitGroup类似,都可以发起执行并等待一组协程直到所有协程运行结束,本文主要为大家整理了一些errgroup的常见误用,有需要的可以参考下2024-01-01
这篇文章主要为大家介绍了go内存队列list VS slice实现方式对比分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
go 语言枚举类型是这么用的？在什么场景下会用到枚举？本文对 go 语言枚举做了详细讲解，感兴趣的朋友跟随小编一起看看吧2021-09-09
这篇文章主要介绍了使用golang编写一个并发工作队列的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2021-05-05
最新评论