GO语言实现标题闪烁效果

在实现客服系统的过程中,需要有新消息的时候标题栏闪烁提示

因为聊天框是被iframe框进去的页面,所以在聊天框中收到websocket消息以后要把消息发送给父集页面,在父页面中闪烁标题

测试页面地址:

https://gofly.sopans.com/

子页面发送到父页面的实现是,在父页面增加消息监听,子页面发送消息

子页面:

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实现标题闪烁内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • GO语言实现标题闪烁效果

    在实现客服系统的过程中,需要有新消息的时候标题栏闪烁提示 因为聊天框是被iframe框进去的页面,所以在聊天框中收到websocket消息以后要把消息发送给父集页面,在父页面中闪烁标题 测试页面地址: https://gofly.sopans.com/ 子页面发送到父页面的实现是,在父页面增加消息监听,子页面发送消息 子页面: window.parent.postMessage(redata); 父页面收到消息调用函数,标题不停切换 window.addEventListener('messag

  • 易语言保持标题条激活状态颜色总是明亮的

    易语言保持标题条激活状态颜色总是明亮的

    保持标题条激活属性 数据类型:逻辑型:如果希望本窗口在非激活状态下其标题条仍然与激活状态时相同,请设置本属性为真. 例程 说明 一个窗口在激活状态下标题条的颜色是明亮的,在非激活状态下标题条的颜色蒙上了一层灰白色. 本属性就是用于是否将窗口标题条总是设置为激活状态,即标题条的颜色总是明亮的. 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如果你想了解更多相关内容请查看下面相关链接

  • 有关JavaScript的10个怪癖和秘密分享

    有关JavaScript的10个怪癖和秘密分享

    原文作者:Andy Croxall原文链接:Ten Oddities And Secrets About JavaScript翻译编辑:张鑫旭 数据类型和定义 1. Null是个对象 JavaScript众多类型中有个Null类型,它有个唯一的值null, 即它的字面量,定义为完全没有任何意义的值.其表现得像个对象,如下检测代码: 复制代码 代码如下: alert(typeof null); //弹出 'object' 如下截图: 尽管typeof值显示是"object",但null并

  • C#Button窗体常用属性及事件详解

    1.常用属性 Name:名称: BackColor:设置控件背景颜色: Enabled:是否可用: FlayStyle:控件样式: Image:设置控件图像: ImageAlign:图像对齐方式: ImageList:图像ImageList索引值: Location:坐标: Size:大小: Tabindex:控件顺序索引: Text:文本: TextAlign:文本对齐方式: Visible:控件是否可见: 2.控件事件: Click:单击事件: 知识点扩充: 在真实的C#开发场景中,我们对于

  • 易语言修改标签标题方法

    本教程将介绍修改标签标题 1.打开易语言软件,如图所示: 2.新建一个窗口,如图所示: 3.给窗口添加一个标签,如图所示: 4.接通过属性栏修改标签的标题,如图所示: 5.通过代码修改标签标题,如图所示: 6.运行程序,查看效果,如图所示:

  • R语言包ggplot实现分面去掉小标题的灰色底色小技巧

    R语言包ggplot实现分面去掉小标题的灰色底色小技巧

    目录 当我们在使用 ggplot 时,使用分面通常会长下面这样(这里用 ggplot 的官方案例): p <- ggplot(mpg, aes(displ, hwy)) + geom_point() p + facet_wrap(~class) 此时,我们想将背景的灰色底色去掉,可以用我们常用的 theme_bw(): p + facet_wrap(~class) + theme_bw() 此时如果背景的灰色网格不想要了,可以接着添加 theme(panel.grid = element_bla

  • 详解ASP.NET Core 中的多语言支持（Localization）

    详解ASP.NET Core 中的多语言支持（Localization）

    首先在 Startup 的 ConfigureServices 中添加 AddLocalization 与 AddViewLocalization 以及配置 RequestLocalizationOptions (这里假设使用英文与中文): public void ConfigureServices(IServiceCollection services) { services.AddLocalization(options => options.ResourcesPath = "Reso

  • 总结JavaScript的正则与其他语言的不同之处

    前言 最近发现JavaScript中的正则在某些地方的表现和其他语言或工具中的正则有些不同,比较另类.虽然你几乎不可能写出也几乎用不到下面我讲的这些正则,但是了解一下毕竟是好的. 本文中的代码示例都是在兼容ES5的JavaScript环境中执行的,也就是说,IE9之前版本,Fx4左右的版本,等,中的表现很有可能和我下面讲的不一样. 1.空字符类 不包含任何字符的字符类[]称之为空字符类(empty char class),我相信你没听别人这么叫过,因为在其他语言中,这种写法是非法的,所有的文档和

  • JAVA语言编程格式高级规范

    作为一位开发人员,都要有严格的代码规范.为此我总结了一些代码规范案例. 目 录 1. 前言 2. 试用范围 3. JAVA命名规范-- 3.1 公共约定 3.2 Java文件.包 3.3 类.接口命名规范 3.4 方法命名规范 3.5 常量 3.6 变量和参数 3.7 组件/部件 3.8 集合 3.9 神秘的数 3.10 其他 3.11 Java异常 3.12 数组命名 3.13 数据库表命名规则 3.14 数据库字段命名规则 3.15 JSP文件命名 3.16 Servlet类命名 4. 书写

  • 易语言基础教程之制作简易浏览器

    易语言基础教程之制作简易浏览器

    方法/步骤 首先打开易语言: 点击--工具--支持库配置--全选--确认 之后点击属性--拉宽 之后点击标题输入测试浏览器 拉一个编辑框和按钮最后一个超文本浏览框(自己找) 之后双击按钮输入代码: .版本 2 .支持库 HtmlView .子程序 _按钮1_被单击 超文本浏览框1.地址 ＝ 编辑框1.内容 按F5测试,好的行了 注意事项 编辑框要输入网址,不能输入其他的OK.

随机推荐