Javascript 如何向值添加计数

Javascript 如何向值添加计数,javascript,html,json,animation,css-animations,Javascript,Html,Json,Animation,Css Animations,如标题中所述,如何向以下项目添加倒计时动画: 检测呈阳性 人口 死亡 检测呈阳性的人的死亡百分比 最后更新日期 数字是动态的,而不是静态的,这就是我迷路的地方 谢谢你的帮助。很抱歉,我对使用Javascript、Json和API进行编码还不熟悉 window.addEventListener(“加载”,函数(){ 文件.getElementById(“countrySel”).addEventListener(“变更”,getCovidStats); document.getElementBy

如标题中所述,如何向以下项目添加倒计时动画: 检测呈阳性 人口 死亡 检测呈阳性的人的死亡百分比 最后更新日期

数字是动态的,而不是静态的,这就是我迷路的地方

谢谢你的帮助。很抱歉,我对使用Javascript、Json和API进行编码还不熟悉

window.addEventListener(“加载”,函数(){
文件.getElementById(“countrySel”).addEventListener(“变更”,getCovidStats);
document.getElementById(“countrySel”).value=“169”;
getCovidStats()
})
函数getCovidStats(){
const cc=document.getElementById(“countrySel”).value;
如果(cc==“”)返回;
取('https://coronavirus-tracker-api.herokuapp.com/v2/locations/“+cc)
.然后(功能(resp){
return resp.json()
})
.then(功能(数据){
让人口=data.location.country\u人口;
让更新=data.location.last_更新;
让confirmedCases=data.location.latest.confirmed;
设死亡数=data.location.latest.death;
document.getElementById('inwoners').innerHTML=population.toLocaleString('en');
document.getElementById('update').innerHTML=update.substr(0,10);
document.getElementById('patienten').innerHTML=confirmedCases.toLocaleString('en');
document.getElementById('doden').innerHTML=death.toLocaleString('en');
document.getElementById('procent').innerHTML=((数字(死亡)/数字(确认病例))*100)。toLocaleString('en“{
最小分数位数:2,
最大分数位数:2
}) + "%";
})
.catch(函数(){
控制台日志(“错误”);
})
setInterval(getCovidStats,43200000)//每12小时更新一次
}
*{
保证金:0;
填充:0;
}
html{
身高:100%;
宽度:100%;
}
h1,
氢{
字体系列:“Roboto”,无衬线;
字体大小:300;
文本对齐:居中;
垫底:20px;
字体大小:250%;
}
字幕
.结束{
填充:20px;
字体大小:150%;
}
身体{
背景色:#FFDC56;
}
div{
填充:20px;
}
/*向顶部导航添加黑色背景色*/
托普纳夫先生{
背景色:#005A9C;
溢出:隐藏;
字体系列:“Roboto”,无衬线;
字体大小:75%;
}
.标志{
浮动:左;
}
/*设置导航栏内链接的样式*/
.topnav a{
浮动:对;
颜色:#F2F2;
文本对齐:居中;
填充:14px 16px;
文字装饰:无;
字号:17px;
}
/*更改悬停时链接的颜色*/
.topnav a:悬停{
背景色:#FFDC56;
颜色:黑色;
}
/*向活动/当前链接添加颜色*/
.topnav a.active{
背景色:#4CAF50;
颜色:白色;
}
.stats容器{
文本对齐:居中;
浮动:对;
显示:内联块;
}
.货柜位置{
显示:内联块;
}
.数据容器{
边框:2个实心#005A9C;
保证金权利:30%;
左缘:30%;
}
h4,
{
字号:85%;
颜色:灰色;
字体系列:“Roboto”,无衬线;
字体大小:300;
文本对齐:居中;
填充顶部:20px;
左侧填充:20px;
右边填充:20px;
垫底:5px;
}
.结束{
字体系列:“Roboto”,无衬线;
字体大小:100%;
文本对齐:居中;
}
.页脚{
字体系列:“Roboto”,无衬线;
底部:0;
字体大小:75%;
填充物:5px;
}
马特雷格伦先生{
宽度:35%;
显示:块;
左边距:自动;
右边距:自动;
文本对齐:居中;
}
.Maatreegelen说明{
文本对齐:居中;
字体系列:“Roboto”,无衬线;
字号:80%;
}

冠状病毒统计
冠状病毒
标题
检测呈阳性
死亡
检测呈阳性的人的死亡百分比
国家
国家:
我是为你做的

在代码段输出中很难看到-全屏显示并切换到另一个国家/地区

tId;
addEventListener(“加载”,函数(){
文件.getElementById(“countrySel”).addEventListener(“变更”,getCovidStats);
document.getElementById(“countrySel”).value=“169”;
getCovidStats()
})
函数倒计时(){
cnt+=300;
让done=0;
让iMax=+document.getElementById('inwoners').getAttribute(“max”);
if(cnt