function MessageNotice() {this.defaultTitle = document.title;this.message  = "【新消息】";this.emptyMsg = "【   】";//不少浏览器已经关闭了脚本化它们的状态栏的功能。this.noticeTimer = null;this.type = 0;this.data = null;
}MessageNotice.prototype.startAnim = function (type, data) {this.type = type;this.data = data;this.stopAnim();var _message = this.message;var _emptyMsg = this.emptyMsg;var _defaultMsg = this.defaultTitle;this.noticeTimer = setInterval(function () {document.title = document.title == _message+_defaultMsg ? _emptyMsg+_defaultMsg : _message+_defaultMsg;}, 100);if (isNewQid && !isActiveBrowser && window.Notification || type == 1 && !isActiveBrowser && window.Notification) {if (Notification.permission == "granted") {this.pushNotice();} else if (Notification.permission != "denied") {Notification.requestPermission(function (permission) {MessageNotice.prototype.pushNotice();});}}
};MessageNotice.prototype.pushNotice = function() {var objType = this.type;var objData = this.data;if (Notification.permission == "granted") {var notification = new Notification("", {body : "您有新的消息",icon : ""});notification.onclick = function () {if (objType== 1) {$("#userList>a>span[data-uid="+objData.toUserId+"]").parent().click();$("#answerList>a[data-target-uid="+objData.toUserId+"][data-uid="+objData.targetUserId+"][data-qid="+objData.qid+"]").click();} else if (objType == 2) {$("#show-problem").click();}//跳回浏览器window.focus();notification.close();}} else {console.log('浏览器不支持Notification');}
};MessageNotice.prototype.stopAnim = function () {clearInterval(this.noticeTimer);document.title = this.defaultTitle;
};

HTML消息提醒(Notification)相关推荐

  1. Notification消息提醒

    自己笔记用,可以直接拿来调用 在相关的界面根据不同的情况设置好不同的信息message,做好判断的情况下,最后调用方法 NotificationHelper.setNotification(mCont ...

  2. node.js 没有转发_如何用Nodejs编写一个定时消息提醒应用?

    背景: 同事告诉我最近一段时间每天上班长时间盯着屏幕工作经常眼睛疼,问我有没有好用定时提醒功能.我受到启发,决定用nodejs来实现一个定时提醒应用. 需求分析: 同事是个程序员,熟悉命令行操作,这样 ...

  3. 怎么做一个定时消息提醒_如何用Nodejs编写一个定时消息提醒应用?

    背景: 同事告诉我最近一段时间每天上班长时间盯着屏幕工作经常眼睛疼,问我有没有好用定时提醒功能.我受到启发,决定用nodejs来实现一个定时提醒应用. 需求分析: 同事是个程序员,熟悉命令行操作,这样 ...

  4. Android仿QQ锁屏状态下消息提醒(震动+提示音)

    导读: 最近在开发一个定时提醒业务,类似于闹钟,然后遇到了一个问题,当APP应用在后台运行时,用户关闭了手机屏幕(手机进入灭屏休眠状态),这个时候使用系统震动和闹钟没有起到作用.why? 同样是灭屏休 ...

  5. HTML5特性之谷歌浏览器桌面消息(window.Notification)推送:

    用法: (1)消息推送会默认关闭-主要通过window.Notification.permission来判断 "denied"  --- 为用户点击了禁用(拒绝打开推送功能) &q ...

  6. android新消息提醒功能,Android仿微信新消息提示音

    怕有些人不知道怎么进入微信的新消息提示音功能,我这里说下操作步骤: 打开微信----我---设置---新消息提醒---新消息提示音. 经过以上的步骤就进入了这样的界面 具体实现的步骤. 难点之一:获取 ...

  7. 25 个超棒的 jQuery 消息提醒插件

    转载地址: https://www.oschina.net/news/57207/best-jquery-notification-plugins 网页上漂亮的消息提醒不仅耳目一神,关键是引起用户的主 ...

  8. 游戏陪玩平台源码开发,锁屏状态下消息提醒的实现

    当游戏陪玩平台源码在后台运行时,如果用户关闭了手机屏幕(手机进入灭屏休眠状态),这个时候有消息进来怎么办?这就需要在游戏陪玩平台源码开发时实现手机锁屏状态下消息提醒功能. 解决思路: 1.游戏陪玩平台 ...

  9. RTX发送消息提醒实现以及注意事项

    RTX发送消息提醒实现以及注意事项 一.RTX简介 RTX是腾讯公司推出的企业级即时通信平台.该平台定位于降低企业通信费用,增强企业内部沟通能力,改善企业与客户之间的沟通渠道,创造新兴的企业沟通文化, ...

最新文章

  1. 一个简单的slider滑块组件
  2. 【特征工程】不容错过的 5 种特征选择的方法!
  3. Web前端开发薪资待遇及发展前景解读
  4. FreeType, FFmpeg, SDL, 图像处理软件, Mac OS X, Objective-C
  5. C++ cin.sync()和cin.ignore()
  6. C++ 类访问控制(public/protected/private)
  7. oracle 邮件过程,oracle 发邮件 存储过程
  8. 深入浅出排序学习:写给程序员的算法系统开发实践
  9. Linux下文件系统目录结构
  10. linux脚本解密,给shell脚本加密和解密的shell脚本
  11. python redis 订阅发布_【Python之旅】第七篇(三):使用Redis订阅服务
  12. Linformer 拍了拍 被吊打 Transformers 的后浪们
  13. Django修改model如何同步数据库
  14. c语言如何输出10个空格,新人提问:如何将输出时每行最后一个空格删除
  15. 【无机纳米材料科研制图——OriginLab 0204】Origin细胞存活率柱状图绘制
  16. 不是买一台电脑就能敲代码!学习java必须了解的计算机知识以及准备工作
  17. oracle sql语句执行顺序、查询效率分析、步骤解析
  18. 360是怎样盈利的(整理)
  19. C语言实现网络嗅探器
  20. 计算机毕业设计Android汽车违章查询app(源码+系统+mysql数据库+Lw文档)

热门文章

  1. onKeyUp方法简介
  2. 看了下大厂程序员的工资表,我酸了.....
  3. 如何进行滤波器设计软件选择
  4. excel切片器_给我1分钟,让你的Excel表格好看些,再好看些!
  5. 有向图转强连通图最少加边数
  6. Ubuntu(debian)问题解决方案合集
  7. input tabIndex说明
  8. java libusb_Windows下的Java访问USB设备解决之道(翻译Java libusb / libusb-win32 wrapper)收...
  9. ArcGIS批量导出图片
  10. 天线极化是什么?为何需要考虑天线极化?