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实现标题闪烁内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了Go语言编程中字符串切割方法小结,所整理的方法都来自字符串相关的strings包,需要的朋友可以参考下2015-10-10
这篇文章主要介绍了Go语言中os库的常用函数用法,os函数的使用是Go语言入门学习中的基础知识,需要的朋友可以参考下2015-10-10
这篇文章主要介绍了GO的方法值和方法表达式的使用方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2020-02-02
单例模式是设计模式中最简单的一种模式，单例模式能够确保无论对象被实例化多少次，全局都只有一个实例存在，在Go 语言有多种方式可以实现单例模式，所以我们今天就来一起学习下吧2023-07-07
这篇文章主要为大家介绍了go语言 nil使用避坑指南详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
浅析Go中fasthttp与net/http的性能对比及应用
这篇文章主要为大家详细介绍了Golang中fasthttp的底层实现以及与net/http的区别,下面就跟随小编一起来看看fasthttp到底是如何做到性能如此之快的吧2024-03-03
这篇文章主要介绍了Go map发生内存泄漏解决方法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
在Go语言中,chan（通道）是一种用于在不同的goroutine之间进行通信的机制,通道可以是无缓冲的（同步的）或有缓冲的（异步的）,本文给大家详细介绍了Golang中Channel的高级用法,需要的朋友可以参考下2024-05-05
深入了解Golang 哈希算法之MD5、SHA-1和SHA-256
哈希算法是计算机科学领域中一种重要的技术，它将任意长度的输入数据映射为固定长度的哈希值，在本篇文章中，我们将深入探讨Golang中的哈希算法，从多个方面介绍其详细内容，希望通过本文的阅读你将对 Golang哈希算法有更全面的理解2023-05-05
在日常开发中,比较操作是最常用的基本操作之一,可以用来判断变量之间是否相等或者对应的大小关系,本文将深入解析 Golang 中可比较的数据类型,并结合代码示例来说明如何在不同情况下进行比较,需要的朋友可以参考下2024-01-01
最新评论