Javascript 倒计时计时器倒计时

Javascript 倒计时计时器倒计时,javascript,timer,countdown,Javascript,Timer,Countdown,大家好,我有这个倒计时脚本,但我希望它倒计时,而不是更新一个div跨度,更新一个进度条的值 HTML <progress value="**UPDATE THIS**" max="780"></progress> 有什么想法吗 谢谢, Tiago为进度条提供一个ID,如 <progress id="progress-bar" value="**UPDATE THIS**" max="780"></progress> 并使用一些javascr

大家好,我有这个倒计时脚本,但我希望它倒计时,而不是更新一个div跨度,更新一个进度条的值

HTML

<progress value="**UPDATE THIS**" max="780"></progress>
有什么想法吗

谢谢,
Tiago

为进度条提供一个ID,如

<progress id="progress-bar" value="**UPDATE THIS**" max="780"></progress>

并使用一些javascript每秒更改值,例如

var timer = setInterval(function() {
            var progbar = document.getElementById("progress-bar");
            progbar.value = progbar.value < 780 ? +progbar.value + 1 : 0;
        }, 1000);
var timer=setInterval(函数(){
var progbar=document.getElementById(“进度条”);
progbar.value=progbar.value<780?+progbar.value+1:0;
}, 1000);

给进度条一个ID,例如

<progress id="progress-bar" value="**UPDATE THIS**" max="780"></progress>

并使用一些javascript每秒更改值,例如

var timer = setInterval(function() {
            var progbar = document.getElementById("progress-bar");
            progbar.value = progbar.value < 780 ? +progbar.value + 1 : 0;
        }, 1000);
var timer=setInterval(函数(){
var progbar=document.getElementById(“进度条”);
progbar.value=progbar.value<780?+progbar.value+1:0;
}, 1000);

progbar.value将是一个字符串,因此
+progbar.value+1
;-)由于最大范围为780,本演示的1秒速度非常慢。试试10毫秒。然后,很容易看出它是累积起来的。否则,我们必须等待13分钟才能看到演示达到100%。顺便说一句,计数器有缺陷。结果是781,而不是780。将=符号从三元支票中取出。它应该是progbar.value<780,如果您要在这之后执行+1。请参阅:@Clomp谢谢,由于问题中的值,它的最大间隔为780秒和1秒:)@IllogicalArgumentException嘿,伙计们,它可以工作,但不会刷新栏,我需要当它达到780时重置并重新启动。。就像在countdownprogbar.value中一样,它将是一个字符串,因此
+progbar.value+1
;-)由于最大范围为780,本演示的1秒速度非常慢。试试10毫秒。然后,很容易看出它是累积起来的。否则,我们必须等待13分钟才能看到演示达到100%。顺便说一句,计数器有缺陷。结果是781,而不是780。将=符号从三元支票中取出。它应该是progbar.value<780,如果您要在这之后执行+1。请参阅:@Clomp谢谢,由于问题中的值,它的最大间隔为780秒和1秒:)@IllogicalArgumentException嘿,伙计们,它可以工作,但不会刷新栏,我需要当它达到780时重置并重新启动。。就像倒计时一样