Question

在我的php应用程序中，我得到了事件剩余的秒数：ex：6000sec。以及从事件创建到结束的总时间。例如：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
});

时间计数器进度条

1 个答案:

演示here