Javascript 数到数值，然后停止

我有一个数字标记器，它是一个最大值为100的数字字段

根据下面的当前代码，我的计数器不起作用。我的猜测是因为在我的演示中，

数据计数

等于该值，但我希望该数字从0开始递增

也就是说，如果我将

数据计数

更改为

100

，它将从50计数到100，而我希望它从0计数到它的值

代码：

$（'.counter'）。每个（函数（）{
变量$this=$（this），
countTo=$this.attr（'data-count'）；
$({
countNum:$this.text（）
}).制作动画({
countNum:countTo
},
{
持续时间：4000，
“线性”，
步骤：函数（）{
$this.text（Math.floor（this.countNum））；
},
完成：函数（）{
$this.text（this.countNum）；
//警报（“完成”）；
}
});
});
ul{
列表样式类型：无；
}



50




50


将code
countNum:$this.text（）
更改为
计数器：0
。它会起作用的。
查看下面的演示链接


$（'.counter'）。每个（函数（）{
变量$this=$（this），
countTo=$this.attr（'data-count'）；
$({
柜台:0
}).制作动画({
countNum:countTo
},
{
持续时间：4000，
“线性”，
步骤：函数（）{
$this.text（Math.floor（this.countNum））；
},
完成：函数（）{
$this.text（this.countNum）；
//警报（“完成”）；
}
});
});
ul{
列表样式类型：无；
}



50




50


将code
countNum:$this.text（）
更改为
计数器：0
。它会起作用的。
查看下面的演示链接


$（'.counter'）。每个（函数（）{
变量$this=$（this），
countTo=$this.attr（'data-count'）；
$({
柜台:0
}).制作动画({
countNum:countTo
},
{
持续时间：4000，
“线性”，
步骤：函数（）{
$this.text（Math.floor（this.countNum））；
},
完成：函数（）{
$this.text（this.countNum）；
//警报（“完成”）；
}
});
});
ul{
列表样式类型：无；
}



50




50


解决方案1:最简单的方法


$（'.counter'）。每个（函数（）{
变量$this=$（this），
countTo=$this.attr（'data-count'），
countFrom=0；
$({
countNum:countFrom
}).制作动画({
countNum:countTo
},
{
持续时间：4000，
“线性”，
步骤：函数（）{
$this.text（Math.floor（this.countNum））；
},
完成：函数（）{
$this.text（this.countNum）；
//警报（“完成”）；
}
});
});
ul{列表样式类型：无；}



50




50


解决方案1:最简单的方法


$（'.counter'）。每个（函数（）{
变量$this=$（this），
countTo=$this.attr（'data-count'），
countFrom=0；
$({
countNum:countFrom
}).制作动画({
countNum:countTo
},
{
持续时间：4000，
“线性”，
步骤：函数（）{
$this.text（Math.floor（this.countNum））；
},
完成：函数（）{
$this.text（this.countNum）；
//警报（“完成”）；
}
});
});
ul{列表样式类型：无；}



50




50


尝试
countNum:0
而不是
countNum:$this.text（）
。尝试
countNum:0
而不是
countNum:$this.text（）
。