javascript - setInterval 计时器需要在动画进度条上偏移

Question

我有一个脚本：

http://jsfiddle.net/bXJhe/7/

jQuery(document).ready(function() {

    timer(10)

});

// Timer
var GLOBAL_TIMER;

function timer(intCount) {
    GLOBAL_TIMER = setInterval(function() {

        var intTickLength = 10;

        if (intCount < 10) {
            jQuery('#timer').html('00:0' + intCount--);
            jQuery('#bar').css('width', intCount * intTickLength + 'px');
        } else {
            jQuery('#timer').html('00:' + intCount--);
            jQuery('#bar').css('width', intCount * intTickLength + 'px');
        }

        if (intCount < 0) {
          stopTimer();
        }

    }, 1000);
}

function stopTimer() {
    clearInterval(GLOBAL_TIMER);
}​

我正在根据intCount*为进度条的宽度设置动画intTickLength（也许有更好的方法？）

问题是，当计数器达到 1 时，柱上的最后一个刻度消失了。我需要它一直保持到计数器达到 0。我需要某种偏移量。有什么想法吗？我不是 js 专家，但我渴望成为其中的一员。

Answer 1

在减少计数器之前设置条形大小：

jQuery('#bar').css('width', intCount * intTickLength + 'px');
jQuery('#timer').html('00:0' + intCount--);