Question

我正在尝试使用jquery插件https://github.com/eAdnan007/jquery-countdown下面是我的html和JS。我已经尝试了多种设置，并且对JQuery来说还不是很新，但我没有运气。我知道我的设置是错误的，但似乎无法弄清楚它们到底应该是什么。

HTML

<div class="progressWrap">
    <div class="fullbar"></div>
    <div class="progress deal1" style="width:0%"></div>
</div>
<div class="timer deal1"></div>

JS

$('.timer.deal1').countdown({
end_time: "2014/12/10 16:06:28",
progress        : 1,
update_progress: (20,$('.progress.deal1')),
onComplete: function() {
            $('.timer').replaceWith("<div class=\"timer ended\">Deal Over</div>");
    }    
});

我知道我需要同时取得进展：和update_progress，但对我而言，git中的指示远非明确。 Bewlow是来自上面链接的git的说明：

进步

应该显示进度条的dom元素。如果您不想显示，则为假。

update_progress

处理预处理栏进度的函数。它接收两个参数，进度百分比（0-100）和包含进度条的dom元素。

任何帮助都表示赞赏，因为我现在迷路了，并且知道我的设置完全错误。谢谢！

更新

这是一个添加了一些CSS的JSFiddle，这样你就可以看到发生了什么：http://jsfiddle.net/L7n5hc43/1/

我已将小提琴与git中提到的外部JS相关联。我在控制台中遇到了一些错误，但我再也不了解JQuery能够真正解决这个问题。

Answer 1

好的，我想通过eAdnan007（该插件的所有者）为任何正在寻找的人找到它，这是一个JSFiddle，它显示了更新后的代码http://jsfiddle.net/L7n5hc43/4/

这是更新的JQuery：

$('.timer.deal1').countdown({    
    end_time: '2014/12/19 17:00:00', //Time Progress bar is at 100% and timer runs out
    start_time: '2014/12/14 08:00:00', //Time when the progress bar is at 0%
    progress: $('.progress.deal1'), //There dom element which should display the progressbar.
    onComplete: function() {
            $('.timer.deal1').replaceWith("<div class=\"timer ended\">Deal Over</div>");
    }    
});

我需要在进度条为100％时添加start_time，您可以使用日期和时间来使进度条在实际开始时间内更少或更多。如果有进展延迟或进展但在结束日期没有进展，我会用它来增加或减少进度。

另外，“update_progress”不仅需要“progress”函数来识别正确的DOM元素。

感谢大家停下来并试图帮忙！

倒计时器和进度条的jquery问题

进步

update_progress

更新

1 个答案: