素材牛VIP会员

时时加载动态展示数字效果jQuery+PHP+Ajax

 所属分类:PHP实例-Ajax

 浏览:3141次  评论:3次  更新时间:2016-07-30
牛币素材VIP可免积分下载
时时加载动态展示数字效果jQuery+PHP+Ajax
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:本素材效果可用来展示一些及时数据的展示,例如在线人数,数据库只能数据的监控等等

详细介绍

使用方法:

加载Jquery和JS

function magic_number(value) {
	var num = $("#number");
	num.animate({count: value}, {
		duration: 500,
		step: function() {
			num.text(String(parseInt(this.count)));
		}
	});
}
function update() {
	$.get("ajax.php", function(data) {
		magic_number(data);
	});
}
setInterval(update, 3000);
update();

HTML部分:

<span id="number">span>

#number加载动态数字的容器

PHP后端处理:

echo mt_rand(0,9999999);

随机显示0到9999999之间的数字。在正式项目当中这里一般要结合数据库来时时统计数据返回到前端。

相关素材 - Ajax

讨论这个素材(3)回答他人问题或分享使用心得会奖励牛币

20***62  
2017年08月29日

试试啊是是是

回复
Re***pe  
2018年02月27日

厉害了

回复
85***51  
2018年06月04日

需要啊

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:1 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)