Javascript 为什么progressbar与倒计时分开工作
我想创建进度条倒计时。 但问题是小数不会像10 9 8 7那样变化。。同时地 这是html: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
<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—倒计时;
如果(倒计时)