jquery - 我如何向这个 jQuery 计数器插件传递一个变量整数并让它随着动画正确更新？

Question

我试图找到一种可靠的方法来传递这个 jQuery 计数器插件一个新值（整数）并让它更新：

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

来自这里的计数器代码： https ://github.com/sophilabs/jquery-counter

我使用插件内置的“data-stop”属性设置了我的代码，该属性当前设置为 10...所以计数器开始...并计数到 10 然后停止...我希望触发当用户单击我的代码中的#incrementCounter 按钮时更新：

<button id="incrementCounter">Click here</button>

$('#incrementCounter').click(function($) {

        $('.counter-analog').attr('data-stop', '25');

});

我认为增加计数器的最佳方法就是修改我的 span 上的 data-stop 属性并重新初始化计数器，但它似乎不起作用：-/？

非常感谢您的帮助！...再次...我只是想找出一种方法使该计数器可靠地计数到我给它的数字然后停止！:)

我也试过这个没有成功：

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

Answer 1

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

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

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