PHP和jQuery实时显示在线在线实例的数量

PHP和jQuery实时显示在线在线实例的数量
在某些应用中,需要动态地显示数据,如当前在线人数,目前交易总金额、当前汇率等,和前面的页面需要刷新和实时获取最新数据。本文将介绍使用的一个例子介绍jQuery和使用PHP实现数码管动态显示。

这个示例假设我们需要动态地在页面上显示(不刷新整个页面,只需刷新本地的动态编号)。当前在线用户的数量经常应用在一些统计平台上:
当前在线:
首先,我们需要定义一个动画程序,使用jQuery的动画()函数进程从一个数字到另一个,和下面的magic_number()自定义功能集成的代码如下。
功能magic_number(值){
Num = $(var#号);
num.animate({计数:值},{
持续时间:500,
步骤:函数(){
num.text(字符串(parseInt(这个数)));
}
});
};
然后更新()函数使用jQuery的getJSON()发送一个Ajax请求的背景number.php。得到相应的PHP后,它要求magic_number()显示最新的号码,为了看到更好的结果,我们使用setInterval()设置的代码执行的时间间隔。
函数更新(){
美元。getJSON(号。phpjsonp =
magic_number(数据。n);
});
};

setInterval(更新5000); / / 5秒的执行
更新();
PHP的一部分

在实际工程中,我们将使用PHP数据库中获取最新的数据,然后返回给前端通过PHP。为了更好的演示,本例中使用的随机数,最后返回JSON格式的前端JS,和number.php代码如下:
total_data美元=阵列(
兰德(0999)
);
echo $ _get { 'jsonp}。'('。json_encode($ total_data)')。;
事实上,原理很简单,就是利用JS setTimeout加载一个PHP文件在几秒钟内实现在线人数实时显示功能。

谢谢你的阅读。我希望你能帮助你,谢谢你对这个站的支持
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部