在Javascript上设置数字计数器动画时出现问题

在Javascript上设置数字计数器动画时出现问题,javascript,html,css,animation,css-animations,Javascript,Html,Css,Animation,Css Animations,我希望创建一个计数器,可以增加最终的追随者数量。我有其他代码,但我只包含了会影响增量的部分。目前,当我运行程序时,HTML文件只显示最终的关注者数量,以及“关注者”一词,表明它能够获得正确的数量,但它不能像我所希望的那样具有增量动画。我该如何着手解决这个问题 var text_field=document.getElementById('followers'); 获取(api) 。然后((响应)=>{ 返回response.json(); }) 。然后((数据)=>{ 变量编号=数据['Coun

我希望创建一个计数器,可以增加最终的追随者数量。我有其他代码,但我只包含了会影响增量的部分。目前,当我运行程序时,HTML文件只显示最终的关注者数量,以及“关注者”一词,表明它能够获得正确的数量,但它不能像我所希望的那样具有增量动画。我该如何着手解决这个问题

var text_field=document.getElementById('followers');
获取(api)
。然后((响应)=>{
返回response.json();
})
。然后((数据)=>{
变量编号=数据['Count'][0][0];
常量updateCount=()=>{
常数目标=数量;
const count=text\u field.innerText;
常数增量=目标/速度;
如果(计数<目标){
text_field.innerText=计数+增量;
setTimeout(updateCount,5);
}否则{
text_field.innerText=target+“Followers”;
}
};
updateCount();
});

innerText属性返回一个字符串值。在进行任何计算之前,请使用
parseInt
函数

var text_field=document.getElementById(“followers”);
函数计数器(){
变量数=100;
常量updateCount=()=>{
常数目标=数量;
const count=parseInt(text_field.innerText);//解析
恒定速度=数量;
常数增量=目标/速度;
如果(计数<目标){
text_field.innerText=计数+增量;
setTimeout(updateCount,5);
}否则{
text_field.innerText=目标;
}
};
updateCount();
}
计数器()

1个追随者
属性
innerText
返回一个字符串值。在进行任何计算之前,请使用
parseInt
函数

var text_field=document.getElementById(“followers”);
函数计数器(){
变量数=100;
常量updateCount=()=>{
常数目标=数量;
const count=parseInt(text_field.innerText);//解析
恒定速度=数量;
常数增量=目标/速度;
如果(计数<目标){
text_field.innerText=计数+增量;
setTimeout(updateCount,5);
}否则{
text_field.innerText=目标;
}
};
updateCount();
}
计数器()
1个追随者