PHP与jquery实时显示网站在线人数实例详解

 更新时间:2016年12月02日 08:40:05   转载 投稿:lqh  
在线人数最简单的就是直接利用js调用php了,这样可以显示出有多少人访问了本站,如果要在用户未刷新页面的状态实时显示用户在线人数,我们可以利用jquery ajax来实现,需要的朋友可以参考下

我们在一些应用中需要动态展示数据,比如当前在线人数,当前交易总额,当前汇率等等,前端页面需要实时刷新获取最新数据。本文将结合实例给大家介绍使用jQuery和PHP来实现动态数字展示效果。

本例假设要在页面上动态展示(无需刷新整个页面,只是局部刷新动态数字)当前在线用户数,常见在一些统计平台上应用。在HTML页面中只需定义以下结构:

<div class="count">当前在线:<span id="number"></span></div>

 首先我们要定义一个动画过程,使用jQuery的animate()函数实现从一个数字到另一个数字的变换过程,以下magic_number()自定义函数将代码整合如下:

function magic_number(value) { 
  var num = $("#number"); 
  num.animate({count: value}, { 
    duration: 500, 
    step: function() { 
      num.text(String(parseInt(this.count))); 
    } 
  }); 
};

然后update()函数使用了jQuery的$.getJSON()向后台number.php发送了一个ajax请求,在得到PHP相应后,调用magic_number()展示最新的数字。为了能看到更好的效果,我们使用setInterval()设置代码执行的间隔时间。

function update() { 
  $.getJSON("number.php?jsonp=?", function(data) { 
    magic_number(data.n); 
  }); 
}; 
 
setInterval(update, 5000); //5秒钟执行一次 
update(); 
 

PHP部分

实际项目中,我们会使用PHP获取数据库中的最新数据,然后通过PHP返回给前端。本例为了更好的演示,使用随机数字,最后以json格式返回给前端js,number.php代码如下:

$total_data = array( 
  'n' => rand(0,999) 
);   
echo $_GET['jsonp'].'('. json_encode($total_data) . ')';

原理其实非常的简单就是利用js settimeout实现过几秒加载一个php文件从而达到了实时显示在线人数的功能了。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • PHP生成HTML静态页面实例代码

    PHP生成HTML静态页面实例代码

    本程序作用是从PHP生成HTML静态页面并存储到以年份和月份为名称创建的目录。读取全部数据批量生成,全部生成后弹出提示。可指定批次生成数量,建议不超过800,否则执行速度会有问题。
    2008-08-08
  • Session 失效的原因汇总及解决丢失办法

    Session 失效的原因汇总及解决丢失办法

    这篇文章主要介绍了Session 失效的原因汇总的相关资料,需要的朋友可以参考下
    2015-09-09
  • 发布一个用PHP fsockopen写的HTTP下载的类

    发布一个用PHP fsockopen写的HTTP下载的类

    发布一个用PHP fsockopen写的HTTP下载的类...
    2007-02-02
  • PHP实现Google plus的好友拖拽分组效果

    PHP实现Google plus的好友拖拽分组效果

    本篇文章使用PHP和jQuery实现了同样的好友拖拽添加分组的应用。以上就是本文的全部内容,希望对大家的学习有所帮助,也我的示例会对你的社交网站项目有所帮助。
    2016-10-10
  • CodeIgniter针对数据库的连接、配置及使用方法

    CodeIgniter针对数据库的连接、配置及使用方法

    这篇文章主要介绍了CodeIgniter针对数据库的连接、配置及使用方法,结合实例形式分析了CodeIgniter针对数据库的连接配置及常用操作技巧,需要的朋友可以参考下
    2016-03-03
  • Laravel如何使用Redis共享Session

    Laravel如何使用Redis共享Session

    这篇文章主要介绍了Laravel如何使用Redis共享Session ,本文给大家介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下
    2018-02-02
  • php版微信公众平台开发之验证步骤实例详解

    php版微信公众平台开发之验证步骤实例详解

    这篇文章主要介绍了php版微信公众平台开发之验证步骤,结合实例形式详细分析了php微信公众平台验证的操作步骤与相关参数含义,需要的朋友可以参考下
    2016-09-09
  • ThinkPHP的I方法使用详解

    ThinkPHP的I方法使用详解

    ThinkPHP的I方法是众多单字母函数中的新成员,主要用于更加方便和安全的获取系统输入变量,可以用于任何地方。这篇文章主要介绍了ThinkPHP的I方法,需要的朋友可以参考下
    2014-06-06
  • yii实现图片上传及缩略图生成的方法

    yii实现图片上传及缩略图生成的方法

    这篇文章主要介绍了yii实现图片上传及缩略图生成的方法,详细分析了图片的上传及缩略图的生成原理与实现方法,是非常实用的技巧,需要的朋友可以参考下
    2014-12-12
  • php通过GD库实现验证码功能

    php通过GD库实现验证码功能

    这篇文章主要介绍了php通过GD库实现验证码功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-07-07

最新评论