Javascript 为什么progressbar与倒计时分开工作

Javascript 为什么progressbar与倒计时分开工作,javascript,progress-bar,setinterval,countdown,Javascript,Progress Bar,Setinterval,Countdown,我想创建进度条倒计时。 但问题是小数不会像10 9 8 7那样变化。。同时地 这是html: <progress id="prg" value ="0" max="10"></progress> <p id="counting">10</p> 10 这是我的js脚本: var reverse_count = 10; var downloadTimer = setInterval(function(){ document.getElem

我想创建进度条倒计时。 但问题是小数不会像10 9 8 7那样变化。。同时地

这是html:

<progress id="prg" value ="0" max="10"></progress>
<p id="counting">10</p>

10

这是我的js脚本:

var reverse_count = 10;
var downloadTimer = setInterval(function(){
    document.getElementById('prg').value = 10 - --reverse_count;
    if(reverse_count <= 0) {
        clearInterval (downloadTimer); 
        document.getElementById('counting').innerHTML = reverse_count;
    }
}, 1000);
var反向计数=10;
var downloadTimer=setInterval(函数(){
document.getElementById('prg')。值=10----反向计数;

if(reverse\u count您需要从if语句中提取
document.getElementById('counting')。innerHTML=reverse\u count;
,如下所示:

var反向计数=10;
var downloadTimer=setInterval(函数(){
document.getElementById('prg')。值=10----反向计数;

if(reverse\u count您需要从if语句中提取
document.getElementById('counting')。innerHTML=reverse\u count;
,如下所示:

var反向计数=10;
var downloadTimer=setInterval(函数(){
document.getElementById('prg')。值=10----反向计数;

如果(反向计数在您的代码中,倒计时更新iff
反向计数在您的代码中,倒计时更新iff
反向计数您刚刚在错误的位置添加了正确的语句。倒计时标签的更新也应该在每次执行间隔回调时进行,就像更新
一样值,而不是在调用clearInterval之前仅调用一次:

const progressBar=document.getElementById('progressBar');
const countdownlab=document.getElementById('Countdownlab');
让倒计时=10;
const downloadTimer=setInterval(()=>{
//这将执行多次,直到清除间隔:
countdownLabel.innerHTML=--倒计时;
progressBar.value=10—倒计时;

如果(倒计时您刚刚在错误的位置添加了正确的语句。倒计时标签的更新也应该在每次执行间隔回调时进行,就像您对
值的更新一样,而不仅仅是在调用
clearInterval
之前进行一次:

const progressBar=document.getElementById('progressBar');
const countdownlab=document.getElementById('Countdownlab');
让倒计时=10;
const downloadTimer=setInterval(()=>{
//这将执行多次,直到清除间隔:
countdownLabel.innerHTML=--倒计时;
progressBar.value=10—倒计时;
如果(倒计时)