javascript - 时间计数器进度条

Question

在我的 php 应用程序中，我获取事件剩余的秒数:例如:6000 秒。以及从事件创建到结束的总时间。例如:10000 秒。我想做一个进度条，以秒为单位，每一秒都实现进度条。

基本上，我尝试使用 progressbar()、setInterval() 但我需要帮助才能做到这一点。

$(function() {
var initial = 6000 // need to add seconds to this value every second.
$( "#progressbar" ).progressbar({
  value: initial,
  max: 10000
});

});

FIDDLE

Answer 1

尝试此操作并将值调整为您想要的值:

$(function () {
    var current;
    var max = 10000;
    var initial = 6000; 
    $("#progressbar").progressbar({
        value: initial,
        max: max
    });

    function update() {
        current = initial; //the value on each function call
        $("#progressbar").progressbar({
            value: current
        });
        if (current >= max) clearInterval(interval);
        initial += 1000; //choose how fast to the number will grow
        console.log(current);
    };
    var interval = setInterval(update, 1000); //choose how fast to update
});

演示 here