页面即时消息提醒的实现

Posted Mr. Ma

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了页面即时消息提醒的实现相关的知识,希望对你有一定的参考价值。

  具体功能需求:

    当有人给你留言或者私信的时候,你这边会即时有提醒说有人给你留言或者有私信。

  分析:该功能类似于QQ的消息提醒,当有人找你聊天的时候,这边有头像闪动的提醒。由于在页面要做到这个效果,并且页面不全部刷新,故可以使用ajax来解决。那么问题又来了,ajax只会调用一次,不会重复调用,所以需要一个函数实现重复调用ajax函数。经过查资料,javascript中的 self的setInterval方法可以实现该效果,重复调用一个函数。

  self.setInterval("函数",间隔时间):该方法有两个参数,第一个参数为所调用的JavaScript函数,第二个参数为所调用的时间间隔。需要注意的是,第二个参数是以毫秒计的,不可以设置的太小,如果设置的太小,会给服务器造成很大的压力,很容易使服务器down掉。

  例子:self.setInterval("show()",1000);

 

  可能还有更好的实现方法,待后续学习。

以上是关于页面即时消息提醒的实现的主要内容,如果未能解决你的问题,请参考以下文章

JS实现复制页面文字弹出消息提醒

微信支付为啥没有消息提醒?

ThinkPHP微的H5聊天室即时通讯系统APP源码分享

微信订阅号,消息提醒怎么打开

如何java实现网页中的消息定时提醒功能

你好,请问微信如何开启订阅号的新消息提醒?不用点进去订阅号才能看