有时候需要动态显示访问次数、下载次数等效果。借助jQuery和后台php，我们可以实现一个滚动的数字显示效果。

本文以一款产品的实时下载次数为场景，前台定时执行javascript获取最新下载次数，并滚动更新页面上的下载次数。HTML首先加载jQuery库文件和动画后台插件

脚本类型=' text/JavaScript ' src=' http : js/jquery . js '/script script type=' text/JavaScript ' src=' http : js/animatebackground-plugin . js '/script然后我们添加html元素，在页面的适当位置显示数字滚动效果。

Div id='total '下载量：span class=' t _ num '/span times/div jQuery首先，编写一个函数show_num()，用于动态滚动数字。我们将统计数据n分割成由i/i包围的单个数字，并通过调用插件backgroundPosition将图片定位在每个相应的数字上。

函数show_num(n){ var it=$('。t _ num I’；变量长度=字符串(n)。长度；for(var I=0；伊琳；i ){ if(it.length=i){ $('。t _ num’)。追加(' I/I ')；} var num=String(n)。charAt(I)；var y=-ParSeint(num)* 30；//y轴位置var obj=$('。t _ num I’)。eq(I)；Obj.animate({ //滚动动画背景位置：' (0' string (y)' px)'}，' slow '，' swing '，function(){ })；}}然后，我们通过ajax在后台获取最新的下载次数。下面的代码是jQuery的一个常见ajax请求，它通过post向data.php和data.php请求或者获取最新的下载时间。成功处理后，得到下载次数：data.count，然后调用show_num()实现数字滚动。

函数getdata(){ $。ajax({ url: 'data.php '，type: 'POST '，dataType: 'json '，cache: false，timeout: 10000，error: function(){}，success : function(data){ show _ num(data . count)；} });}最后，我们需要在页面加载后初始化数据，然后每3秒执行一次ajax请求来更新下载次数：

$(function(){ getdata()；setInterval('getdata()'，3000)；//每3秒})；可应用于网站访问量统计、电影播放次数统计、倒计时等。至于后台data.php如何处理数据，不在本文讨论范围之内。感兴趣的同学可以写一个后台程序比如计数器来返回数据。

以上就是本文的全部内容，希望对大家的学习有所帮助。