素材牛

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

 所属分类:PHP/MySql-Ajax

 浏览:1650次  下载:14次  评论:3次  发布时间:2016-07-30
时时加载动态展示数字效果jQuery+PHP+Ajax
积分说明:注册即送5牛币,每天签到可获得5牛币,第三方账号登陆、注册直接赠送20牛币!    我要充值   更多积分说明»
素材描述:本素材效果可用来展示一些及时数据的展示,例如在线人数,数据库只能数据的监控等等

使用方法:

加载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之间的数字。在正式项目当中这里一般要结合数据库来时时统计数据返回到前端。

讨论这个项目(3)回答他人问题或分享插件使用方法奖励牛币

Lv1 青铜

    202168362
    2017年08月29日 10:10

Lv1 青铜

    Remer_pe
    2018年02月27日 13:39

Lv2 白银

    853791951
    2018年06月04日 18:56
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:14
所需牛币:1 开始下载

牛币获取:可通过签到、评论、充值、发布素材获得 » 牛币充值

会员账号
会员密码
安全验证