jquery - 循环中的简单倒数计时器？

Question

我有一个循环，我正在计算用户的估计完成时间。

基本上，我希望格式为00:00:00 (hours, minutes,seconds).

我被困在秒数上，我已经能够计算出有多少分和秒，但实际上倒计时我并不擅长......

演示：http: //jsfiddle.net/ZjWkb/

我知道我的问题是秒显示为 60，但是由于 if 语句，它没有倒计时，它只是将其设置为 60，直到它低于 60。

我能做些什么来解决这个问题？

我不希望任何人为我写完整的东西，我只是卡住了:)

Answer 1

var count = 1500;
var callsPerSecond = 1;
var delay = 1000;

//count * delay equals 1500000 miliseconds
//1500000 miliseconds == 25 mins, no hours, yet hours are displaying?


function offsetLoop(i, counter, idsRemaining) {

    while (i < counter) {
        var minute = 0;
        var secondsRemaining = (idsRemaining * delay) / 1000;
        var leftSec = 0;
        var hours = 0;

        var remainder = secondsRemaining % 60;
        minute = parseInt(secondsRemaining / 60);


        if (minute > 60) {
        hours = minute % 60;
            minute = parseInt(minute / 60);
        }

        secondsRemaining = secondsRemaining - 1;
        leftSec = remainder;


        secondsRemaining - i;
        if (typeof minute == 'undefined') {
            minute = 0;
        }
        if (typeof hours == 'undefined') {
            minute = 0;
        }
        hours = addZero(hours);
        minute = addZero(minute);
        leftSec = addZero(leftSec);
        log(hours + ":" + minute + ':' + leftSec);
        i++;
        idsRemaining--;
        if (i % callsPerSecond == 0) {
            setTimeout(function () {
                offsetLoop(i, counter, idsRemaining);
            }, delay);
            break;
        }
    }
};

function addZero(num) {
    if (num < 10) {
        num = ('0' + num).slice(-2)
    }
    return num;
}

function log(text) {
    $('#log').html(text);
}

offsetLoop(0, count, count);

Answer 2

更新了小提琴以包括小时。现在检查。我已经编辑了你的小提琴。似乎工作。链接：http: //jsfiddle.net/ZjWkb/7/

问题出在以下部分：

var minute = (secondsRemaining) / 60;
secondsRemaining = secondsRemaining % 60;