评论：jquery_dataStatistics动态数字翻页特效插件  [查看原文]

小布丁0
2017/3/1 17:35:56

兼容解决了么？

吃芒果不吃芒果干0
2019/6/5 10:12:49
360兼容模式下下半数据会缺失，应该是ie兼容问题，大哥们遇到过没，咋解决的教教我

$('.dataStatistics').dataStatistics({min: shit, max: count, time: count/10*3000, len: 2});

这个方法不能重复执行，重复执行的话，中途数字会乱掉

咔咔1
2016/7/5 14:07:15

$.each($(".dataStatistics"),
function(i) {
    $(".dataStatistics").eq(i).dataStatistics({
        min: shit,
        max: count,
        time: count / 10 * 3000,
        len: 2
    });
});

这样

花黑暗里开放0
2016/7/8 10:07:20

你误解了我的意思，我的页面只有一个dataStatistics，页面加载完成是调用

$('.dataStatistics').dataStatistics({min:0,max:10,time:count/10*3000,len:2});

一段时间后，然后在某种情况，再次调用数字就乱掉了

$('.dataStatistics').dataStatistics({min:10,max:40,time:count/10*3000,len:2});

?，似你咧..0
2016/7/18 10:07:34
我也是遇到了同样的问题，你解决了吗

?，似你咧..3
2016/7/18 10:07:07

把他的插件改了三处地方，可以实现第一处，多了一个属性 

options = $.extend({
    min: 100,//初始数值        
    max: 150,//最大数字          
    time: 60000,//时长        
    len: 6,//数字是几位数        
    occurCount:1 //1表示第一次加载，其他数字则表示不是第一次加载    
},

第二处，第一次加载的时候才追加数字，不是第一次就不用加载数字：    

ths.find('.digit_set').each(function() {
    for (i = 0; i <= 9; i++) {
        $(this).append(html);
        if (options.occurCount == 1) {
            currentDigit = $(this).find('.digit')[i];
            $(currentDigit).find('.digit_wrap').append(i);
        }
    }
});

第三处，把第一次执行后的其他class都删除： //初始化数值填入    

$.each(nowNums,
function(index, val) {
    var set = ths.find('.digit_set').eq(index);
    var i = parseInt(val);
    if (options.occurCount != 1) {
        set.find('.digit').removeClass('active').removeClass('previous');
    }
    set.find('.digit').eq(i).addClass('active');
    set.find('.digit').eq(i + 1).addClass('previous');
});

这样即可，不知道还有没有更好的方法

20℃的路口1
2016/7/18 14:07:40

先定义个初始化函数，初始化加载一个数值，

dataStatisticsinit(初始值，几位数)$.fn.dataStatisticsinit = function(options){
options = $.extend({  
        min  : 100,       //初始数值
        len:6 //数字是几位数
    },options || {});
然后，再改之前的js代码，变成增加多少，然后变化，
dataStatistics(add,time,len)，即在time内增加了多少值$.fn.dataStatistics = function(options){
options = $.extend({  
        add  : 3,//增长的值
        time : 10000,  //时长
        len:6 //数字是几位数
    },options || {});大概方法就是这样，先初始化调用dataStatisticsinit()，然后再调用更新函数dataStatistics()，最后在更新在前台。  function update(){
    $.getJSON("number.php", function(data) {
        $('.dataStatistics').dataStatistics({add:data,len:6});
    })
  }
setInterval(update, 10000);

亲测可行，效果棒棒的

Promise0
2016/12/8 16:12:47
麻烦问下你改的这个累加的这个有没有完整的代码？没大看明白额

wxqAAAAAA0
2017/2/10 17:28:28

@?，似你咧..

按照你的操作好像还是不行，依然会追加数字乱掉。你自己修改的效果是OK的吗？

牛奶0
2017/4/12 13:43:59

有源码吗？