Javascript jQuery/JS数字计数动画从零到值

Javascript jQuery/JS数字计数动画从零到值,javascript,jquery,Javascript,Jquery,我已经构建了一个web应用程序,其中HTML代码从python接收一个整数值。我想添加一个从0到该数字的计数动画。 我在StackOverflow上检查过很多这样的查询 今天早上,动画工作正常,但现在不工作了 $('.count')。每个(函数() { $(this.prop('Counter',0)。设置动画 ({ 计数器:$(this.text()) }, { 持续时间:10000, 放松:"摇摆",, 步骤:功能(现在) { $(this.text(Math.ceil(now)); }

我已经构建了一个web应用程序,其中HTML代码从python接收一个整数值。我想添加一个从0到该数字的计数动画。 我在StackOverflow上检查过很多这样的查询

今天早上,动画工作正常,但现在不工作了

$('.count')。每个(函数()
{
$(this.prop('Counter',0)。设置动画
({
计数器:$(this.text())
}, 
{
持续时间:10000,
放松:"摇摆",,
步骤:功能(现在)
{
$(this.text(Math.ceil(now));
}
});
});

{{confirmedIn}
查看您的代码:

由于没有逻辑指示计数器应该如何更改,我在动画之前添加了一个
countTo
变量

由于您引用
{Counter:$(this).text()}
作为动画函数中的属性对象,因此
$(this).text()
{{confirm}}}
开头,它不是可解析的数字,因此
NaN

下面的解决方案应该可以解决这个问题

$('.count')。每个(函数(){
设el=$(此);
让countTo=1000;
el.prop('counter',0)。设置动画({
计数器:`+=${countTo}`
}, {
步骤:功能(现在){
$(this.text(Math.ceil(now))
},
});
});

{{confirmedIn}
查看您的代码:

由于没有逻辑指示计数器应该如何更改,我在动画之前添加了一个
countTo
变量

由于您引用
{Counter:$(this).text()}
作为动画函数中的属性对象,因此
$(this).text()
{{confirm}}}
开头,它不是可解析的数字,因此
NaN

下面的解决方案应该可以解决这个问题

$('.count')。每个(函数(){
设el=$(此);
让countTo=1000;
el.prop('counter',0)。设置动画({
计数器:`+=${countTo}`
}, {
步骤:功能(现在){
$(this.text(Math.ceil(now))
},
});
});


{{confirmedIn}
@Denis,我按照版本更新了jquery库。但是现在垃圾值正在动画化,而不是我输入的值。@Denis,我按照版本更新了jquery库。但是现在垃圾值正在动画化,而不是我输入的值。但是许多值是从python动态传递的。有没有办法,我可以把它动画化?老实说,这是一个不同的问题。。。检查*如何将python变量传递给jQueryBut许多值是从python动态传递的。有没有办法,我可以把它动画化?老实说,这是一个不同的问题。。。检查*如何将python变量传递给jQuery