[Go] GO语言实战-实现标题闪烁
2023-02-18 15:36:27 时间
在实现客服系统的过程中,需要有新消息的时候标题栏闪烁提示
因为聊天框是被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; };
相关文章
- git常用的一些简单命令
- linux系统上国际化失败
- 修改git仓库的远程地址
- 痞子衡嵌入式:在i.MXRT启动头FDCB里调整Flash工作频率也需同步设Dummy Cycle (以IS25WP128为例)
- 《痞子衡嵌入式半月刊》 第 29 期
- 痞子衡嵌入式:从头开始认识i.MXRT启动头FDCB里的lookupTable
- git为单独的仓库设置提交的用户名
- 痞子衡嵌入式:MCUXpresso IDE下在线调试时使用不同复位策略的现象总结
- window系统上实现mongodb副本集的搭建
- 痞子衡嵌入式:关于恩智浦入驻B站的一些思考
- mongodb的索引操作
- 《痞子衡嵌入式半月刊》 第 28 期
- mongodb的聚合操作
- 痞子衡嵌入式:分享一个i.MXRT系列配套DRAM压力测试上位机工具(i.MXRT DRAM Tester)
- mongodb的简单查询
- 痞子衡嵌入式:在i.MXRT1060-EVK上利用memtester程序给SDRAM做压力测试
- 痞子衡嵌入式:内存读写正确性压力测试程序(memtester)
- 对mongo文档的增删改操作
- 痞子衡嵌入式:盘点国内MCU级RISC-V内核IP厂商
- 《痞子衡嵌入式半月刊》 第 27 期