我如何才能给这个jQuery计数器插件传递一个可变整数,并让它通过动画正确更新



我正试图找到一种可靠的方法来向这个jQuery计数器插件传递一个新值(整数)并更新它:

http://jsfiddle.net/ucxpr/4/

此处的计数器代码:https://github.com/sophilabs/jquery-counter

我的代码设置使用插件内置的"数据停止"属性,该属性当前设置为10…因此计数器启动。。。计数到10然后停止。。。我希望当用户点击我代码中的#incrementCounter按钮时触发更新:

<button id="incrementCounter">Click here</button>
$('#incrementCounter').click(function($) {
        $('.counter-analog').attr('data-stop', '25');
});

我认为增加计数器的最佳方法是修改跨度上的数据停止属性并重新初始化计数器,但它似乎不起作用:-/?

非常感谢您的帮助!。。。再一次我只是想办法让这个计数器可靠地计数到我给它的数字,然后停止!:)

我也尝试过,但没有成功:

$('.main_counter .counter-analog').counter({startTime: "25"});

只需重新运行计数器,但传递新的停止变量

http://jsfiddle.net/Hed9F/1/

$('#incrementCounter').click(function() {
    $('.main_counter .counter-analog').counter({'stop': 25});       
});

最新更新