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

代码如下:
我们在一些应用中需要动态展示数据,比如当前在线人数,当前交易总额,当前汇率等等,前端页面需要实时刷新获取最新数据。本文将结合实例给大家介绍使用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文件从而达到了实时显示在线人数的功能了。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/2552.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2017年9月27日 10:53
下一篇 2017年10月1日 09:44

相关推荐

  • PHP微信开发:如何实现多公众号管理

    随着微信公众号市场的日益火热,越来越多的企业和个人开始关注微信公众号开发,尤其是PHP微信开发技术。但是,对于需要同时管理多个公众号的人来说,如何实现多公众号的管理,是一个需要解决的问题。本文将介绍PHP…

    2023年5月18日
    06
  • PHP商城开发中的页面性能优化

    随着电商市场的逐步扩大,越来越多的企业选择建立自己的电商平台来开展业务。而在建立电商平台的过程中,开发人员需要考虑的不仅是平台的功能,还需要考虑页面的性能优化问题,以提高用户体验和网站的排名。本文将…

    2023年5月19日
    01
  • PHP8.0中的国际化库

    PHP8.0中的国际化库:Unicode CLDR和Intl扩展 随着全球化的进程,开发跨语言、跨地域的应用程序变得越来越普遍。国际化是实现这一目标的重要组成部分。在 PHP 8.0 中,引入了Unicode CLDR和Intl扩展,这两个组件都…

    2023年5月19日
    04
  • PHP入门指南:PHP和JIRA。

    PHP入门指南:PHP和JIRA 随着互联网的快速发展,各种网站和应用程序的开发变得越来越普遍。PHP语言因其易于学习和使用,成为了最受欢迎的Web编程语言之一。在开发Web应用程序时,PHP与JIRA(一款流行的缺陷跟踪软件…

    2023年5月22日
    02
  • PHP开发中可以使用的最佳文本编辑器。

    在进行 PHP 开发时,文本编辑器是程序员最为常用的工具之一,主要用于编写代码、调试和测试。选择一个适合你的编码风格、用户友好性和功能强大的文本编辑器可以提高你的工作效率和代码质量。以下是一些 PHP 开发中…

    2023年5月28日
    01
  • PHP8.0中的Cookie库

    在互联网应用开发中,使用Cookie是常见的一种方式来维护用户会话状态。在PHP语言中,处理Cookie的相关功能在语言的核心库中得到了完善的支持,在最新的PHP8.0版本中,Cookie库得到了进一步的增强。 一、 PHP中的Coo…

    2023年5月19日
    00
  • PHP入门指南:CDN加速。

    在现代的网站开发中,网站的性能对于用户体验和搜索引擎排名都起着至关重要的作用。其中,网站的速度是用户最为关注的一个因素。如果网站的加载速度很慢,用户往往会选择离开这个网站或寻找速度更快的替代品。因此…

    2023年5月22日
    00
  • 如何调整PHP商城开发中的数据库连接?

    随着互联网和电子商务的发展,越来越多的企业和开发者开始开发在线商城。而PHP作为一种广泛应用于互联网领域的编程语言,也被广泛运用于商城的开发中。在开发PHP商城时,数据库连接是一个非常重要的环节,它负责将…

    2023年5月19日
    01

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息