js 数字递增递减_JavaScript如何实现数字递增特效

本篇教程介绍了JavaScript如何实现数字递增特效，希望阅读本篇文章以后大家有所收获，帮助大家对JavaScript的理解更加深入。

<

第一： HTML部分这里简单列举一个

小月博客

上面我们来了解两个关键的东西：

data-to   这个属性控制你最终要递增的数值是多少

data-speed    这个看英文的意思就很清楚了就是表示数据递增的速度了

ps： 这里的class和id  根据大家各自的修改去调整就好了，

第二：JS部分也是插件的核心代码

$.fn.countTo = function(a) {

a = a || {};

return $(this).each(function() {

var c = $.extend({},

$.fn.countTo.defaults, {

from: $(this).data("from"),

to: $(this).data("to"),

speed: $(this).data("speed"),

refreshInterval: $(this).data("refresh-interval"),

decimals: $(this).data("decimals")

}, a);

var h = Math.ceil(c.speed / c.refreshInterval),

i = (c.to - c.from) / h;